Vertically split variable-sized div using CSS
- by Martijn
I'm trying to divide an auto-scaling div into two vertically using two other div's. What I have so far:
<div id='wrapper'>
<div id='left'>some stuff</div>
<div id='right'>more stuff</div>
</div>
with
#frame {
position: static;
width: 1000px;
height: auto;
/* more positioning stuff */
}
#left {
position: absolute;
width: 200px;
height: 100%;
}
#right {
position: static;
margin-left: 200px;
}
This seems to work OK, except if the contents of #right are higher than those of #left. In this case, part of the contents of left are invisible. How can I make sure that the height of the left div is also taken into account when the needed height of #wrapper is calculated?