How do I make a footer sit tight against the bottom of a page without using fixed?

I want my footer to always be at the bottom of the p开发者_运维问答age. I tried using:

bottom:0px;
position:relative;

But that seems to let it go into the middle of the screen under the text. What am I doing wrong. I really dont want to used fixed because of the IPAD!

Use position:absolute and make sure, that the footer is not inside another element with position:relative or position:absolute.

However, that will position your footer at the very end of your page, not at the lower rim of the screen. To do this you will have to do nasty Javascript hacks. Google for "iPad" and "position fixed" to get started.

Or see this SO question.