在IE的div中居中元素

我在div中的元素居中時遇到了一些問題。儘管css對谷歌瀏覽器運行良好，但它對Internet Explorer無效。在IE的div中居中元素

說我有一個ID =「聯繫我們」一格，我想在div裏面的一切爲中心，無論是頭部，對或圖像。更具體地說，我想要一個標題居中，後面跟着一個跨越80％寬度的下劃線，中心對齊。這樣考慮：

<div id="contactus"> 
    <h2>CONTACTS</h2> 
</div>

#contactus { 
    margin-top: 20px; 
    height: 308px; /*2px for the border on both sides*/ 
    width: 248px; /*2px for the border on both sides*/ 
    background-color: #F0F0F0; 
    border: 1px solid #A9A9A9; 
} 

#contactus h2 { 
    margin:0 auto 0 auto; 
    text-align: center; 
    font-family:arial,sans-serif; 
    padding-top: 10px; 
    /*this is for the underline after the heading*/ 
    width:80%; 
    border-bottom:1px solid gray; 
}

頁眉和下劃線保持在IE中左對齊，但中心在Chrome對齊。我該如何糾正？

注：我爲IE使用單獨的CSS樣式表，所以答案可能只針對IE。

來源

2012-11-28 OneMoreError

IE的什麼版本？你檢查過什麼其他瀏覽器？ – jsteinmann

檢查了Firefox，Chrome .. wrks對他們很好..但IE創建一個混亂！ – OneMoreError

如果在FF好，CH意味着它可能是因爲DOCTYPE –

這可能是因爲DOCTYPE檢查你有一個有效的doctype

的嘗試

<!DOCTYPE html>

來源

2012-11-28 06:14:07

它的工作！非常感謝.. – OneMoreError

改變這樣

#contactus { 
    text-align:center; 
    margin-top: 20px; 
    height: 308px; /*2px for the border on both sides*/ 
    width: 248px; /*2px for the border on both sides*/ 
    background-color: #F0F0F0; 
    border: 1px solid #A9A9A9; 
} 
    <div id="contactus" align="center"> 
     <h2>CONTACTS</h2> 
    </div>

來源

2012-11-28 06:13:49

我不想在HTML部分觸摸它..我在哪裏把它放在CSS .. – OneMoreError

不要使用內嵌的css – jsteinmann

不要把文本對齊：中心到H2把它放在#contactus –

在IE的div中居中元素

回答

相關問題