問題定心格在IE8與CSS

HTML：

<div id="container"> 
    <div id="main"> 
     <h1>TEST</h1> 
    </div> 
</div>

CSS：

#cont { 
    width: 100%; 
    background: #ddd; 
} 
#main { 
    width: 900px; 
    background: #fff; 
    margin-left: auto; 
    margin-right: auto; 
}

這正常在FF，Safari瀏覽器，Chrome瀏覽器和Opera，但IE8仍然將「主」div對齊左側。

有誰知道這個問題可能是什麼？提前致謝。

來源

2010-09-22 javiervd

如果你不縮寫你的CSS類名，效果會更好：'＃cont'與'＃容器'不一樣:) – Eric 2010-09-22 16:52:41

@Eric，是的，我希望這只是一個錯字，但你可能會是對的 – hunter 2010-09-22 17:24:58

你只需要改變任何的CSS #cont到#container或div到cont的id。

在IE8中適合我。 http://jsfiddle.net/5M6X9/

來源

2010-09-22 17:01:42 Robert

您是否定義了文檔類型？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Futhermore擺脫寬度：在第一個div和身體100％必須填充：0和保證金：0

來源

2010-09-22 16:51:45 Baijs

IE需要一個正確的文檔類型！

我總是使用

#main{ 
    margin:0 auto; 
}

和寬度：100％是沒有必要的。

的頂部和底部邊緣取代0或

#main{ 
    margin:30px auto 0; 
}

只是頂邊距

來源

2010-09-22 17:01:15 Xaver

問題定心格在IE8與CSS

回答

相關問題