Pushing footer to the bottom - default theme

Mupetz

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

x00

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.

x00

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.

422

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