雙浮動錯誤 - IE

Question

我想修復一個網站，我正在幫助一個朋友，而在IE瀏覽器中顯示的導航欄就像是堆疊在一起。

這是雙浮動錯誤的一部分，我嘗試添加顯示：內聯，但我仍然有這個問題。

網址：http://www.flanels.com/RadiantecHOME.html
CSS：http://www.flanels.com/style.css`

Answer 1

我保存了本地副本並修改了#top-navigation以刪除float: left;。

這似乎使頂層菜單在Firefox和IE中呈現相同，但我不知道它可能創建了哪些其他問題。

我在IE和Firefox中看到的一個問題是，除了傾斜的條紋之外，還有白色的垂直條紋（圖像之間的中斷），我相信它們是圖像的一部分。

另一件事是，如果瀏覽器不夠寬，頂級菜單會根據需要進行換行。

Answer 2

不看起來像雙浮到我。

從我可以從IE開發看出，<李>在IE中有既沒有顯示，也沒有浮動應用，但因爲幅度被設置爲風格「＃頂部導航UL禮」勢必0.我發現你使用的是過渡文檔類型，所以如果你能擺脫難以預測的怪癖模式，我會先把它改成嚴格的。因爲smiller指出你不需要float和inline，所以你應該刪除其中的一個，然後我建議開始簡化代碼來找出衝突是什麼。

希望切換到嚴格會立即排除你。

Answer 3

你在包含div上留下了一個浮點數。