View Full Version : how to set same height for float divs

11-26-2009, 01:22 AM
Hi i have three divs as follows.

<div id="wrap">
<div id="leftFloat"></div>
<div id="rightFloat"></div>


How i can make both inner divs to have same height, height being equal to height of larger div.


11-26-2009, 01:31 AM
You could use faux columns (http://www.alistapart.com/articles/fauxcolumns/)

11-26-2009, 01:36 AM
Hello skywaves,
The way divs work, #leftFloat or #rightFloat (whichever is tallest) would determine the height of #wrap - not the other way around like you're describing.

ab is right, faux columns is the way to make them appear to be equal hieght. Have a look at a demo I have of faux columns. (http://nopeople.com/CSS/faux_columns/index.html)