2012-09-02 22 views
1

我有以下HTML:IE5.x中的中心div?

<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 container,其中内的另一个DIV header第二个div有一个固定的宽度,并在第一个div中居中。

这在IE6中可以正常工作,但在IE5.x中,它似乎不居中,它与屏幕左侧对齐。

如何在IE5.x中居中?

+1

添加<center>为什么你需要支持微软探索者第5.x? – BoltClock

+2

我知道它没有帮助,但它是相关的 - 为什么你使用IE5? – Widor

+2

IE5是在1999年发布的浏览器。** 1999 **,即13年前 –

回答

7

IE 5.x中心块就好像有内联元素一样。

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

我认为'文本对齐:中心'应该在'#容器'的父亲,而不是'#容器'本身。 – BoltClock

+0

@BoltClock - 哎呀,好点。 – Quentin

+0

也适用于IE4! :D – oshirowanen

0

,如果你有在页面上的唯一的事情就是刚刚的#container在顶部