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.

422

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