粘滞页脚不能在Firefox中工作

我们已经有了一个粘性页脚，它在任何基于WebKit的基础上都能很好地工作，但在Firefox（或者IE的新版本）中似乎不起作用。粘滞页脚不能在Firefox中工作

在大约200px高的页脚下面会产生额外的空间，它继承了body的背景颜色。

额外的空间似乎不是我们可以找到的任何div的一部分，包括html，body，content，wrapper等等。它似乎也不是由任何类型的填充或边距引起的元素。

我们已经在Ryan Fait's CSS Sticky Footer上构建了它，它使用包装div内的push div和一个单独的页脚div。

您可以在redesign.treepuncher.com/freetrial/

2013-03-25 Nowned

的iFrame删除不必要的空间，在你的页面的底部，版权创造不必要的空间。如果这不会影响您网站的功能，您可以停止显示iframe。试试这个代码：

.copy { 
    color: #FFFFFF; 
    float: right; 
    font-weight: 100 !important; 
    margin: 95px 15px 0 15px; //Fixes margin at the bottom of this div 
} 

iframe { 
    display: none; //Stops iframe from being displayed 
}

来源

2013-03-25 01:39:50 Ninetou

非常感谢！这很好 – Nowned 2013-03-25 01:42:13

以下CSS检查出来应该让它粘在底部

.footer { 
    background-color: #006837; 
    bottom: 0; 
    color: #FFFFFF; 
    font-family: "roboto",sans-serif; 
    font-size: 12px; 
    font-weight: 100; 
    height: 120px; 
    position: fixed; 
    width: 100%; 
} 
.wrapper { 
    height: auto !important; 
    margin: 0 auto; 
    min-height: 100%; 
}

来源

2013-03-25 01:27:33 Vortex

这使得它成为一个持久的页脚，我们只是希望在页面底部的粘性页脚无论什么页面的高度，或者被隐藏，如果有足够的内容来填补全浏览器。请看[Ryan Fait的示例代码]（http://ryanfait.com/sticky-footer/） – Nowned 2013-03-25 01:30:10

粘滞页脚不能在Firefox中工作

回答

相关问题