Hi everybody,
I have two div's: The one on the right is the content of the page, the left
one is the menu with a different background. Both are enclosed in a
container div.
How can I make the menu have the same height as the content on the right?
(Content is higher than viewport.)
So far, all I got is that the menu's div stops just below the text of the menu.
div.mbody {
margin: 0;
padding: 0;
}
div.content {
float: right;
/* position: absolute; */
right: 0;
top: 0;
width: 75%;
background-color: #fff;
}
div.navpanel {
float: left;
/* position: absolute; */
left: 0;
top: 0;
width: 25%;
/* bottom: 0; --> No use. */
/* height: auto; --> No use. */
/* height: 100%; --> Worst result! */
background-color: #c0ffc0;
padding-top: 10px;
font-family: sans-serif;
font-size: 90%;
}
As you can see, I tried various attributes but without getting any closer
from the expected result. What did I miss in the W3C's official CSS2 doc?
Somebody suggested me to set the same background to both the container mbody
and the menu navpanel... But that's one of the hack I dropped while looking
for a better solution.
I'm thinking about using a table. At least, I know that it will work. ;-)
Any better idea?
--
==================
Remi Villatel
maxilys_@_tele2.fr
==================