Make the footer stick at the bottom of the page

馋奶兔 提交于 2020-01-05 08:22:32

问题


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.



来源:https://stackoverflow.com/questions/4700810/make-the-footer-stick-at-the-bottom-of-the-page

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!