Date: 10/03/05 (WebDesign)    Keywords: html

So, I've got 3 DIVs. DIV1 is the one that is the longest, as in goes the furthest down the page. I want DIV2 and DIV3 to stretch out to the proportion of DIV1. But I can't do this with absolute values, because the amount of content in DIV1 changes.

Everyone says the solution to this is:
* html, body {height:100%}

But that doesn't work for me. DIV2 and DIV3 remain the size of the window and will not stretch past that.

I understand this has some sort of correlation with the Box Model hack etc., but I'm just quite confused right now. Help?

Source: http://www.livejournal.com/community/webdesign/989705.html