div height

This is a solution to the ever-so-annoying div height, viewport height, body height, content height problem people seem to be encountering.
Basically it's very difficult to make a div stretch the whole page height when there isn't enough content to pull it down that far AND continue past the viewport when the content exceeds the page(/viewport) height. Especially given that you have to make it work for both Firefox and IE.

There are a few solutions around. Some involve background images, some IE hacks.
This one is clean and simple, and works in both browsers - no images, no hacks.


Check it:

little content
lots of content
CSS

View the page source and enjoy :0)





Unrelatedly, here are some thoughts on the two envelopes problem