Stretch columns to get equal height [CSS]

Hello!

If you look at my new design (http://www.spongy.nl/v2/test.php), you'll notice the difference in height between the three columns. I want them to have an equal height, but every attempt fails. Does one have an idea for this?

Thanks in advance!
Cheers,

Spongy

I believe CSS has a min-height property... but it's not implemented in all browsers.

The common trick for multiple columns might not help you, as you have static background images. And the duck looks scary =)

Setting min-height doesn't do it. When one column stretches, the other ones will not follow...

You may need to "clear floats". Google for that.

Now did the trick with JS, but if someone knows a more elegant solution please let me know!

Thanks for the help.

Cheers,

Spongy

http://www.alistapart.com/articles/fauxcolumns/
http://www.positioniseverything.net...out/equalheight

Hmm, I used the first on my last layout (http://spongy.nl), but with this layout it can not work unfortunately. Tried the second link you provided, which gave me the expected results, but... The columns lost their border at the bottom. Is there a workaround for this?

Cheers,

Spongy

Hey Spongy. I'm not sure i'm seeing it the same way you are... I see borders on the bottom of each column.
Unrelated, my two cents, I find the column on the right side hard to read. The colour's too light.

Also, I noticed in IE... you see the glitch between uneven columns and then setting them all the same height... not too much you can do about that, it's just the half-second while your JS loads.

Yeah, 'bout the colors... I'm not sure I'll keep it that way. The text shouldn't be to eye-catching either, because it's nothing primary. Just a bunch of headlines. But yes, it is a bit too light.

The borders... When I delete my JS and use the CSS-trick of the 2nd link, then the bottom-borders disappear. What you see now is the JS, no CSS thingy.

Thanks for the replies though, I think there's nothing to it then. I will concentrate on the functional things on the page and worry about the design again at another time.

But, when there ís a workaround: please put it here anyway! You will not know how thankful I am when you have a solution.

Cheers for now,

Spongy