Fork me on GitHub
Current release is 2.1.6 (21 Nov 2014).

Users who have not yet upgraded to 2.1 should get security release (1 Nov 2014). We will stop providing these security releases to 2.0 at the end of this year.

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.