浮動看起來IE 7和IE 8（HTML驗證）

Question

你好，我想了解在這個頁面中鉻（目標）和IE 7/8的呈現差異不同：

http://phor.net/PRIV/md2/ (it validates) 

在IE瀏覽器如圖7所示，頂部導航欄不會浮動LI，在IE 8中，頂部有一個可怕的頁邊距。

本頁面非常簡單，在

http://phor.net/PRIV/md2/style.css 

關於如何解決導航欄任何想法，所有的風格？感謝您的幫助和討論。

Answer 1

IE7不完全支持您在導航欄上使用的內嵌塊屬性。

http://www.quirksmode.org/css/display.html

嘗試使用浮筒代替。

#navbar ul li { float: left; } 

請確保您清除後浮動。

Answer 2

使用float:left屬性，而不是display:inline-table

更改此

#navbar li { 
font: 14px Arial; 
margin: 0; 
margin-right: -2em; 
list-style-type: none; 
display: inline-table; 
} 

到

#navbar li { 
font: 14px Arial; 
margin: 0; 
list-style-type: none; 
float:left; 
Padding:0px 10px 0px 10px;} 

Answer 3

嘗試

#navbar li { display:block; float:left; width:160px;} 
#navbar ul { overflow:hidden;} 

，並刪除所有display:inline-table

我打一個比方你

Example

Answer 4

IE7不支持inline-table，你可以使用float: left;或display: inline;。

對不起，在IE8中看不到任何巨大的餘量。