Make the footer stick at the bottom of the page

问题:

Here is the site (made in Wordpress): http://milabalami.com I want to have the footer stick at the bottom of the page. Any solutions in how I do this? I have already tried cssstickyfooter.com and xs4all.nl/~peterned/examples/csslayout1.html but none worked as I wanted. What happened was that the main body of the page overlapsed the footer.

I have been wrapping my head around this the past two days and Im lost. Is there anyone that can solve this puzzle?

回答1:

I've always used footerStickAlt, detailed here: http://www.themaninblue.com/writing/perspective/2005/08/29/

回答2:

try position: fixed; on the footer element. Is that what you are looking for?

回答3:

Please, have a look on this: http://www.hardcode.nl/archives_139/article_244-jquery-sticky-footer.htm#sticky_footer

回答4:

Are you using z-index in the style for your footer?
It'll make the footer come out front so the content doesn't overlap it.