IE机身宽度不起作用

时间:2012-11-14 01:04:26

标签: html css internet-explorer

我将body元素设置为840px,然后将margin设置为auto:

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

在FF,safari和chrome上,它将我网站正文中的所有内容都集中在一起。但是在IE上(目前在IE9中进行测试)我设置为100%的所有div仍然会扩展到屏幕的整个宽度。在开发工具中,它仍然表示主体的宽度为840,但它不会限制其余的元素。

这里做什么?

2 个答案:

答案 0 :(得分:5)

使用有效的doctype,例如<!DOCTYPE HTML>

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

<body>
SALALALLA
</body>

答案 1 :(得分:2)

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不允许设置体宽。