Question

I am looking for a css way to hav this layout sport a 100% height div, meaning that the white will trail down to the bottom of the document not the window. I would like to do this without images and without javascript.

I’ve tried html,body{height:100%} which only applied to the window not the doc.
I’ve also tried to put a 900px body background image and it was not centered with the container div.

Answer 1

Looking at the live site because the URL is conveniently visible inside your image..

Add this CSS:

html, body {
    height: 100%
}
#container {
    min-height: 100%
}