添加了一個Facebook徽章，撇掉頁腳放置

爲該網站添加了Facebook徽章，現在它拋出了頁腳的放置位置。它在Chrome中工作正常，但IE，FFox和Opera都遇到問題。。添加了一個Facebook徽章，撇掉頁腳放置

下面是截圖： alt text http://i40.tinypic.com/21brrra.jpg

頁腳（褐色條）應該是在底部...

這裏是CSS：

 

    /* footer */ 
#footer{ 
    background:url(../images/bg-footer.png) no-repeat; 
    height:26px; 
    overflow:hidden; 
    padding:35px 0 0 55px; 
    font-size:11px; 
} 
#footer p{ 
    margin:0; 
    display:inline; 
    color:#766623; 
} 
#footer ul{ 
    margin:0; 
    padding:0; 
    list-style:none; 
    display:inline; 
} 
#footer li{ 
    display:inline; 
    background:url(../images/sep-f-nav.gif) no-repeat 100% 55%; 
    padding:0 6px 0 0; 
    position:relative; 
} 
* html #footer li{ 
    padding:0 3px 0 3px; 
} 
*+html #footer li{ 
    padding:0 3px 0 3px; 
} 
#footer a{ 
    color:#30481f; 
    text-decoration:none; 
} 
#footer a:hover{ 
    text-decoration:underline;

 
/*Facebook badge Holder*/ 
.fb-area{ 
    width:287px; 
    padding:0 0; 
    margin:0 0; 
    min-height:100%; 
}

來源

2010-04-26 Kevin

這是在黑暗中拍攝的，因爲我總是試錯CSS設計。

它看起來像我在你的設計中有一個浮標。您是否嘗試過在頁腳的CSS上執行clear: both;？我沒有看到提供的CSS中有任何浮動內容，但Facebook徽章很好，可能會在幕後添加一個，並且症狀看起來很正確。

來源

2010-04-26 18:25:32

有趣的是，我這樣做，那麼它沒有在IE瀏覽器，所以我做了一些其他的變化，並最終把一個IE瀏覽器黑客在這樣IE將工作（但別人沒有人做）我只是把它回來了，現在我已經IE瀏覽器黑客設置它，並明確：兩個工作grrr ..謝謝 – Kevin 2010-04-26 18:40:34

添加了一個Facebook徽章，撇掉頁腳放置

回答

相關問題