2012-09-02 32 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在頂部