Fork me on GitHub
Current releases are 2.1 (gold) and 2.0.18.11 (security patch for 2.0)
Ready for 2.1? Find out if your favorite plugins are compatible.
The 2.0 branch will no longer receive updates after Dec 2014.

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 (cssstickyfooter.com, etc etc)
There is always something wrong :)
Maybe some of you already did this, and don't mind share the solution.

Image example HERE

Tagged:

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.

    Mupetz

Answers

Sign In or Register to comment.