2010-06-08 133 views
0

我只是想中心在頁面上的div。它工作在鉻,但在IE的股利仍是左:爲什麼這個html/css不能在ie中工作?

<html> 
<head></head> 
<body> 
    <div id="container" style="margin:0 auto; width:200px;"> 
     test 
    </div> 
</body> 
</html> 

我讀過的一切都表示,到中心塊元素,只需添加margin:0 auto並指定寬度,所以我不知道爲什麼這不起作用。

我測試的IE 7.0.5730

回答

7

你的HTML片段沒有一個DOCTYPEso IE is defaulting to quirksmode

使用HTML5文檔類型:

<!DOCTYPE HTML> 
<html> 
<head></head> 
<body> 
    <div id="container" style="margin:0 auto; width:200px;"> 
     test 
    </div> 
</body> 
</html> 
+0

就是這樣..謝謝! – hhj 2010-06-08 16:19:37

1

另一種方法是做到這一點在你的CSS,這樣一來它的工作原理不管即是怪異模式與否:

body{text-align:center;} 
#container{text-align: left;} 
相關問題