Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In with Facebook Sign In with Google Sign In with OpenID Sign In with Twitter
Support for Vanilla Forums Cloud product

In this Discussion

  • 422 December 2011
  • x00 December 2011

Follow Us


Pushing footer to the bottom - default theme

MupetzMupetz New
edited December 2011 in Questions

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.