粘滯頁腳不能在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中工作

回答

相關問題