2

我没有设法将我的全宽页脚粘贴到我的网页底部。当页脚上方的主要内容低于一定高度时,页脚下方有一个空白区域。我尝试使用各种解决方案,例如以下 css 代码:

 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 没有任何问题。

例如:http ://hertog-hengelsport.nl.testbyte.nl/checkout/cart/

我希望有人能指出我的解决方案!

非常感谢!

网址:http ://hertog-hengelsport.nl.testbyte.nl 平台:Magento 1.7.2

4

2 回答 2

2

使用“位置:固定;” 而不是绝对的页脚

于 2012-10-10T12:27:44.060 回答
0

.wrapper is position relative, that makes any child of it relative to the div and not to the page.

于 2012-10-10T12:43:57.053 回答