How do I keep website footer on bottom of the window?

Question

Coding footer naively, if there's not enough content, then there will be empty space between footer and bottom of page. I would like to get rid of this and move footer to the bottom of the window.

On the other hand when there is more content, I want the content to push the footer down (so position: fixed; bottom: 0; won't do).

How do I achieve this?

Answer 1

This is a newer one, the CSSStickyFooter:

http://www.cssstickyfooter.com/

Answer 2

This site has been quite useful for me for different layouts http://matthewjamestaylor.com/blog/perfect-stacked-columns.htm