HTML / CSS: How to make the content follow the footer?

Question

My problem is that I need a footer which is always on the bottom, even if the page scrolls etc.. but I don't know how to make the content follow the footer.

Please see the example given, this is a very similar layout, I have a sidebar also, but you can see with firebug, or something like that, that the body div is not following the footer.

---

Example: Click for demo

Answer 1

Have you thought about using the jQuery Sticky Footer found at http://css-tricks.com

http://css-tricks.com/snippets/jquery/jquery-sticky-footer/
http://css-tricks.com/examples/jQueryStickyFooter/

Answer 2

You could make it with Javascript + CSS .

With CSS you could put the footer to the bottom of the page, and with javascript your could specify the height of the page and modify the height of your content.

Answer 3

I've answered a similiar question before, you might want to check it out:

Div at bottom of window and adaptable height div