Search code examples
csspositioningsticky-footer

Can't seem to make sticky footer work!

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

Solution

  • 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! :)