全角页脚不会粘在底部 [英] Full-width footer won't stick to the bottom
问题描述
我没有设法将全角页脚粘贴到网页底部.当页脚上方的主要内容位于特定高度以下时,页脚下方将有一个空白空间.我尝试过使用以下解决方案,例如以下CSS代码:
I didn't managed it to stick my full width footer to the bottom of my webpage. When the main content above the footer is beneath a certain height, there is a blank space underneath the footer. I've tried to use all kind of solutions like the folowing css code:
html,body { margin:0; padding:0;min-height:100%;position:relative;}
.wrapper { min-height:100%; position:relative;_height:100% /* _height = for ie */ }
.page { padding-bottom:400px; height:100%; }
.footer { padding:0;margin:0 position:absolute; left:0; bottom:0; width:100%; height:400px; }
仍然,页脚将停留在主要内容的底部,而不是页面的底部.我认为我的CSS没有错.
Still the footer will stick to the bottom of the main content instead of the bottom of the page. I think there is nothing wrong with my css.
示例: http://hertog-hengelsport.nl.testbyte.nl/checkout /cart/
我希望有人可以指出解决方案!
I hope someone can point me to the solution!
非常感谢!
URL: http://hertog-hengelsport.nl.testbyte.nl 平台:Magento 1.7.2
URL: http://hertog-hengelsport.nl.testbyte.nl Platform: Magento 1.7.2
推荐答案
使用位置:固定;"而不是绝对的页脚
Use "position: fixed;" instead of absolute for the Footer
这篇关于全角页脚不会粘在底部的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!