不能水平居中固定宽度的DIV在IE

的例子是Framework Login Page
主要CSS表是：master.css

我试图中心的主父DIV。

我使用

#body { 
    width: 100%; 
    background: url('pathtoimage.png'); 
} 

#inner_body{ 
    width: 800px; 
    margin: auto; 
} 

<body> 
    <div id="body"> 
    <div id="inner_body"></div> 
    </div> 
</body>

还有什么问题呢？

来源

2011-01-22 Hailwood

这是一个（非常）旧的IE漏洞。

幸运的是，它被固定，因为IE 6，但你必须有你的页面上的正确的doctype导致IE使用的“标准”渲染模式和尊重你的margin: auto风格。在没有文档类型的页面上，IE改为使用“怪癖”模式，这种模式可以回到旧的非标准行为。

Quirksmode有一个很好的page on doctypes and standards mode，解释了为什么你要确保你的网页有一个正确的文档类型，包括一些很好的表格，说明每个浏览器在怪癖和标准模式下会做什么不同。

来源

2011-01-22 07:27:22

设置CSS为你的“身体”的div包括：

text-align: center;

，并删除任何文本对齐，你可能对“inner_body”分区，应该从身体继承。

来源

2011-01-22 07:04:00 nybbler

或者，如果您仅定位甚至半途而废，最近IE的版本，原贴，如果你只需要添加一个适当的doctype到你的页面风格会工作。 – 2011-01-22 07:06:21

doctype：/我的不好！ – Hailwood 2011-01-22 07:12:24

@zerocrates：您可以发表您的评论（也许有一个为什么doctype重要的原因）作为答案。 – Hailwood 2011-01-22 07:14:57

这就是为什么你应该使用正确的DOCTYPE解释。

使用正确的DOCTYPE（文档类型定义，或 DTD）

这定义HTML的版本或文档实际使用XHTML。浏览器或其他工具需要正确处理文档。

使用不完整，过时或没有DOCTYPE，将某些浏览器抛入“怪癖”模式，其中浏览器假定您已编写旧式无效标记的。

这意味着，在所有主流浏览器的网页可能不会很好地渲染。

来源

2011-01-22 07:34:24

不能水平居中固定宽度的DIV在IE

回答

相关问题