如何让magento页脚粘到底部?

时间:2014-04-25 16:08:28

标签: css magento

我试图让magento页脚粘在页面底部

http://stage.rayswesternwear.com/index.php/checkout/cart/

我注意到它与Magento一直是一个相当普遍的问题。

有很多解决方案,我把它放在这里,它可能会帮助其他人:http://www.nextbits.eu/blog/solution-for-sticky-footer-for-magento-css/

然而,在这种情况下,上述解决方案并不起作用。

我尝试使main-container with身高:100%;填充底:228px and make the页脚容器with高度:228px;边距:-228px`。我也试过清除漂浮物。

我使用的代码是:

html, body {height: 100%;}

#wrapper {min-height: 100%;}

#main-container {overflow:auto;
    padding-bottom: 228px;}  /* must be same height as the footer */

#footer-container {position: relative;
    margin-top: -228px; /* negative value of footer height */
    height: 228px;
    clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

两者都不适用于此页面。

任何人都可以帮助我吗?


感谢您的所有答案。我用以下方法解决了这个问题:

.page {height:100vh;}

vh定义浏览器窗口的高度。通过这种方式,在我的情况下,页脚可以向下推到底部。希望这可以帮助别人。

1 个答案:

答案 0 :(得分:0)

尝试使用粘滞页脚方法解释here

这是一个笨拙的解决方案,但如果您知道像素高度(228px为您),它应该可以正常工作。