2012-04-19 73 views
0

我有包裝最小高度設置爲100%,頁腳的位置,絕對有這個CSS粘到我的網站底部的頁腳 -頁腳歌劇院消失(11.63)

#footer { 
    width:100%; 
    height:250px; 
    min-height:250px; 
    position:absolute; 
    background-image:url(../images/footerback.png); 
    border-top:2px groove #FFF; 
    bottom:0px; 
    margin-bottom:-250px; 

} 

問題似乎偶爾出現,並可通過Opera中的任何放大操作(頁腳完全消失)重新創建。

網站 - http://www.simplerweb.co.uk/

+0

它應該不是'邊緣頂部'從頁面底部拉回來,而不是降低它低於?那麼你也需要250px的od'padding-bottom'。 – MetalFrog 2012-04-19 14:09:49

+0

我似乎已經通過完全刪除邊距並將250px填充添加到內容div下面的類中來解決此問題。 – andy 2012-04-19 14:34:51

回答

0

我沒有看到歌劇中的任何問題,但你的CSS有一些不必要的代碼。這下面會有相同的結果:

#footer { 
    min-height:250px; 
    background-image:url(../images/footerback.png); 
    border-top:2px groove #FFF; 
} 
0

這將是你的下邊距導致該。需要重新編碼,取決於你希望你的頁腳行爲如何。固定在頁面的底部,底部。

+0

啊,是的,這是保證金! 我該如何解決這個問題,並將頁腳保留在底部而不與內容重疊? – andy 2012-04-19 14:20:33

+0

內容似乎正常工作後,具有與頁腳高度相同的填充的div? – andy 2012-04-19 14:28:54