CSS粘滯頁腳 - 保證金

我試圖以應用置頂頁腳的這種方法：http://code.google.com/p/cleanstickyfooter/CSS粘滯頁腳 - 保證金

它的偉大工程，但是，我有一個問題。我的特定網站的設計在頁面頂部有一個34像素的邊距。所以我嘗試了幾種實現它的方式，通過做body {margin-top:34px}或做container {margin-top:34px}。

但是，在這兩種情況下，粘滯頁腳都會混淆。當我嘗試補償34px時，它似乎並沒有解決問題。

任何想法？

這裏有一個小提琴例如：http://jsfiddle.net/jrZKb/

來源

2013-04-09 djt

你能告訴我們你的網站或問題的例子與您的具體代碼？ – 2013-04-09 04:28:25

如果您可以發佈鏈接到您的網站或創建一個小提琴演示它，我們將能夠更好地提供幫助。 – Arbel 2013-04-09 04:28:32

好吧，這裏是一個小提琴：http://jsfiddle.net/jrZKb/ – djt 2013-04-09 04:36:13

使用Modern Clean CSS Sticky Footer，它的工作（對火狐和IE9）：

http://jsfiddle.net/jrZKb/1/

<body> 
    <header> Header</header> 
    <article>Lorem ipsum...</article> 
    <footer></footer> 
</body> 

html { 
    position: relative; 
    min-height: 100%; 
} 
body { 
    margin: 0 0 100px; /* bottom = footer height */ 
} 
header 
{ 
    background-color: green; 
} 
footer { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    height: 100px; 
    width: 100%; 
    background-color: blue; 
}

來源

2013-04-09 04:54:13 Alyce

哇，這是相當不錯的。我以前從未見過這個。工作得很好！ – djt 2013-04-09 05:15:32

我沒有看到它，直到我GOOGLE了它，它看起來不錯，我想我可能會更新我自己的網站... – Alyce 2013-04-09 05:21:42

CSS粘滯頁腳 - 保證金

回答

相關問題