我将body元素设置为840px,然后将margin设置为auto:
body {
width: 840px;
margin: auto;
}
在FF,safari和chrome上,它将我网站正文中的所有内容都集中在一起。但是在IE上(目前在IE9中进行测试)我设置为100%的所有div仍然会扩展到屏幕的整个宽度。在开发工具中,它仍然表示主体的宽度为840,但它不会限制其余的元素。
这里做什么?
答案 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不允许设置体宽。