IE6中心内容错误

时间:2009-04-11 20:46:47

标签: html internet-explorer-6 center

我在div中有一些居中的内容。它在Firefox / Chrome中显示得很好。在IE6中,内容扩展到div以外的整个浏览器窗口。知道是什么导致了这个吗?

4 个答案:

答案 0 :(得分:1)

IE6解决方法

要做的是在父div上设置text-align:center,例如body,以便您的内容div在IE6中居中。

然后在内容块上使用margin:auto以确保div在更好的浏览器中居中。

CSS

body {
    text-align: center;
}

#content {
    width: 500px;
    margin-left:auto;
    margin-right:auto;
}

答案 1 :(得分:0)

确保您在页面顶部有doctype定义。否则,IE6将以怪癖模式打开页面,这可以搞砸各种东西...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

答案 2 :(得分:0)

&lt; center&gt; tag已弃用。你应该这样做:

<div style="text-align:center; margin: 0 auto; width: 400px;">
</div>

这样你将拥有集中的内容。

答案 3 :(得分:0)

我已经定义了doctype,我将内容集中在CSS上。