Lets say that we have 2 floating div's, surrounded by a containing div. One is floating left, one is floating right. However, the right div is higher than the one on the left. Because the div's have coloured backgrounds, it looks weird to have them different heights, so...
Question: How does one extend the height of the left div to the same height of the right div? As in, extend it to the 100% height of the containing div?
I realise there is some trickery you can do with a 'fake background' for the containing div, but I'm looking for other solutions...
How do you do it?
Eg.
<div id="wrapper">
<div id="leftColumn"></div>
<div id="rightColumn"></div>
</div>
P.S. The height must be flexible, no fixed heights.
Question: How does one extend the height of the left div to the same height of the right div? As in, extend it to the 100% height of the containing div?
I realise there is some trickery you can do with a 'fake background' for the containing div, but I'm looking for other solutions...
How do you do it?
Eg.
<div id="wrapper">
<div id="leftColumn"></div>
<div id="rightColumn"></div>
</div>
P.S. The height must be flexible, no fixed heights.