Can't seem to make sticky footer work!

Question

Trying to get sticky footer to work, but my layout breaks it. Have messed about in firebug for ages, no joy!

It feels like I am missing one silly position rule or something, but can't find where for love nor money

Edit: For clarity, I want the footer to be at the base of all page content, and not fixed to the base of the visible space (i.e through position: fixed; bottome: 0;)

Linky

Answer 1

you miss some clears. #content-wrapper does not get the right size... add a clear both element at the end of your #content-wrapper div and inside the #central-block. Also #central-block is position absolute, it need to be relative or static in order to adapt to the content size.

Answer 2

Remove position:absolute; from #central-block and adjust it's height in some other way.

Answer 3

edit: in that case...

wrap elements:

div#top_sidebar and div#bottom_sidebar with div.sidebar_right and add it float:right css rule

then remove from div#central-block position: absolute - voila! :)