申請固定粘頁腳

下兩個背景我用以下基本的HTML和CSS樣式（雖然我住的代碼看起來非常不同）申請固定粘頁腳

html, body {height: 100%;} 

#wrap {min-height: 100%;} 

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

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

/*Opera Fix*/ 
body:before { 
    content:""; 
    height:100%; 
    float:left; 
    width:0; 
    margin-top:-32767px;/ 
} 

<div id="wrap"> 

    <div id="header"> 

    </div> 

    <div id="main"> 

    </div> 

</div> 

<div id="footer"> 

</div>

得到粘頁腳到我的網頁的底部。

我申請兩個背景body標籤。一個是重複的木質紋理，然後是一個頂部的陰影。這兩個都在頁腳下。

它幾乎工作，但在很長的網頁（您需要向下滾動看到頁腳）當您調整瀏覽器窗口的陰影（不是實木）向上蔓延的頁面。我曾嘗試陰影移動到右下角的位置，但是，這並不在所有的工作。

這裏是它的分期：我已經重複了問題，FF和Safari http://www.dnbsandbox.com/diablo/

來源

2013-03-06 liz

從CSS的第一行中刪除此：

html { 
    height: 100%; 
}

來源

2013-03-07 09:36:21 graphicdivine

我不認爲你在仔細看css。那已經在那裏了。 – liz 2013-03-07 21:11:11

我說*刪除* @liz – graphicdivine 2013-03-07 22:09:03

抱歉，我太散，我完全沒有看到刪除的部分。它起到了魅力！我檢查你答對了，但我不能投票了，除非你編輯你的答案......我會，如果你做的...謝謝！爲什麼這樣做？ – liz 2013-03-08 00:45:10

申請固定粘頁腳

回答

相關問題