IE體寬不工作

我有body元素設置爲840px，然後利潤率汽車：IE體寬不工作

body { 
width: 840px; 
margin: auto; 
}

在FF，Safari和Chrome瀏覽這個中心，在我的網站的身體一切。然而在IE上（目前在IE9中測試），所有設置爲100％的div仍然擴展到整個屏幕寬度。在開發工具中，它仍然表示身體寬度爲840，但不會限制其餘元素。

在這裏做什麼？

來源

2012-11-14 Troy Cosentino

是存在了代碼，你可以透露，因爲我做了什麼你放在這裏，這對我來說工作得很好，在IE7中，8和9。我得到你解釋的結果的唯一方法是，如果瀏覽器處於怪癖模式，這可能意味着有其他的東西導致瀏覽器進入怪異模式，比如不一致的標記或不正確的doctype – OJay

使用有效的doctype像<！DOCTYPE HTML >

<!DOCTYPE HTML> 
<style> 
body { 
margin: 0 auto; 
width: 1000px; 
} 
</style> 

<body> 
SALALALLA 
</body>

來源

2012-11-14 01:21:21 Kamil

哇，這很容易..要詳細瞭解它的功能 –

不要忘了在IE8和IE7中測試這個...使用IE來模擬BODY標籤是一件棘手的事情，它更適合使用容器DIV 。 – Zak

當然，使用容器，但doctype似乎是我的經驗與IE和居中第一位的巨大問題。 – Kamil

IE不支持...爲此，您可以爲IE創建一個主「容器」div，並使用IE特定的CSS文件（即mozilla等將忽略，以便div不會影響當前的設計）來設置DIV的寬度和使用

#div_id{ 
width:840px; 
left:50%; 
margin-left:-420px; 
}

居中它包含了IE的CSS只喜歡這樣

<!--[if IE 8]> 
<link type="text/css" rel="stylesheet" href="/css/ie8.css" media="all" /> 
<![endif]--> 
<!--[if IE 7]> 
<link type="text/css" rel="stylesheet" href="/css/ie7.css" media="all" /> 
<![endif]-->

有限公司，是的，但IE不允許車身寬度要設置。

來源

2012-11-14 01:11:00 Zak

回答

相關問題