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 (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.

    grep is your friend.

    Mupetz

Answers

  • 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.

    grep is your friend.

    Mupetz
  • 422422 Developer MVP
    edited December 2011

    Pmsl @x00 a client used 200% and couldnt figure out why height wasnt twice 100% , took some explaining

    422 Real Estate Australia , now open Check it out

Sign In or Register to comment.