Fork me on GitHub
Please upgrade to 2.1.x here. The 2.0 branch is no longer being updated.
Critical: Update to 2.1.8, released 15 Jan.

Pushing footer to the bottom - default theme

MupetzMupetz New
edited December 2011 in Vanilla 2.0 Help

Hey guys,
I'm trying to push the vanila's default theme footer to the bottom without success. When a page is short, the footer follows #Body upwards, does not stick to the bottom.

I tried to implement everything google had to offer (, etc etc)

There is always something wrong :)

Maybe some of you already did this, and don't mind share the solution.

Image example HERE


Best Answer

  • x00x00 MVP
    edited December 2011 Answer ✓

    this trick uses min-height:100% and relative+negative margin positioning.

    You need to make sure that the footer is outside the main content wrapper. so basically you have a block after a block. Then you use relative positioning to float it, then a negative margin of the same height of the footer (otherwise it would be bellow the bottom).

    Basically there is no consensus what height:100% means.



Sign In or Register to comment.