CSS：粘頁腳不工作

如果你比較以下2頁：CSS：粘頁腳不工作

第1頁：http://goldencraft.co/wp/

第2頁：http://goldencraft.co/wp/contact/

CSS：http://goldencraft.co/wp/wp-content/themes/minecraft/style.css

你會看到，當有內容，頁腳不能正確粘貼。我一直在努力修復它一個小時，所以我希望有人能夠發現CSS內部的問題，謝謝。

Example of sticky footer

來源

2012-11-26 Brian Graham

讓我知道，如果我的回答的作品，@BrianGraham。 –

的罪魁禍首似乎是iframe的</body>標籤之前。它有一個visibility:hidden規則，它將允許它替換頁面上的元素（與display:none相比）。

您可以將其刪除，或添加以下的CSS：

iframe { 
    display:none; 
}

來源

2012-11-26 05:26:05

我的Chrome瀏覽器沒有看到iframe，但這樣解決了這個問題。謝謝。 –

這很奇怪。這絕對是在我的Chrome網站督察（這是我發現它...）。哦，很高興我能幫忙！ :) –

現在只需更換到侑#footerID在你的CSS文件

#footer { 
    background-color: #252525; 
    bottom: 0; 
    left: 0; 
    position: fixed; 
    right: 0; 
}

來源

2012-11-26 05:04:42

我不想讓它隨着頁面一起移動，我希望它在沒有它下面那個愚蠢的空間的情況下（聯繫人）推到底部。 –

試試這個

CSS

html,body{height:100%; width:100%; margin:0px; padding:0px;} 
#wrapper{width:100%; height:100%; min-height:100%; height:auto; margin:0 auto; margin-bottom:-100px !important; background-color:#999999;} 
#push{min-height:100px;} 
#footer{min-height:100px; width:100%; overflow:hidden; background-color:#FF0000;}

HTML

<body> 
    <div id="wrapper"> 
     <div id="push"></div><!-- do not remove --> 
    </div> 
    <div id="footer">Footer</div> 
</body>

來源

2012-11-26 05:20:13 fesh

CSS：粘頁腳不工作

回答

相關問題