IE5.x中的中心div?

时间:2012-09-02 11:33:28

标签: css internet-explorer html internet-explorer-6

我有以下HTML:

<div id="container">
    <div id="header"><h1>Sed sollicitudin dignissim justo, sed.</h1></div>
</div>

和以下CSS:

div#container
{
    text-align:left;
    width:500px;
    margin:0 auto;
}

这会在整个屏幕上创建一个div container,并在第一个div header中创建另一个div container,其中第二个div具有固定的宽度并位于第一个div。

这在IE6中运行良好,但在IE5.x中,它似乎不居中,它与屏幕左侧对齐。

如何在IE5.x中居中?

2 个答案:

答案 0 :(得分:7)

IE 5.x将块视为内联元素。

#containers_parent { text-align: center; }
#container { text-align: left; } /* To reset the alignment for the text inside */

答案 1 :(得分:0)

如果页面上唯一的内容是#container,只需在顶部添加<center>