How to keep same heights for 3 column layout in CSS

[Graphixcon]

Hi everyone

I m working on a website which has a 3 column layout the left column is a light color, the middle a liitle darker than the left and the right the darkest of all three... now without using any background images i would like it to stretch in height ... suppose column 1st expands then the other 2 must also cover the space rather than keeping short and filling white space beneath.... im not getting a proper way to make them work... 1st and 3rd column are of 25% and the middle is of 50%.

Help Appreciated

Regards

 

[cwnt]

Check the site below, it has a wide range of CSS layouts that may help:

http://www.glish.com/css/

 

[Wybe]

Ehm shouldn't you just use tables?

 

[Shorty]

Ehm shouldn't you just use tables?

Hmm, you could use a single celled container table. Put the divs inside it and then set their heights to 100%. So the table will expand based on the size of the biggest div, and the divs then expand to fill the rest of the table's height...

And just so that wasnt clear, here:

<table><tr><td>
<div></div> 
<div></div> 
<div></div> 
</td></tr></table>

If it doesn't work reply again and i'll make sure its sorted...

 

[Wybe]

I think using DIVs like such difficult ways is completely uneccesary and a weird hype. Just use tables with 3 collumns and you're done.

Other than that, Shorty's suggestion is bound to work

Edit: heh my 100th post. Now I can go and earn more money with ads in my sig lol