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

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

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/

You could make it withJavascript + 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.

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

Div at bottom of window and adaptable height div