[英]Problem centering div in IE8 with CSS
基本上我有以下HTML / 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左對齊。
有誰知道可能是什么問題? 提前致謝。
您只需要將css #cont
更改為#container
或將div
的id
更改為cont
。
在IE8中對我來說效果很好。 http://jsfiddle.net/5M6X9/
您是否定義了文檔類型?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
進一步消除寬度:在第一個div上為100%,並且正文必須具有padding:0和margin:0
IE需要正確的DOC類型!
我總是用
#main{
margin:0 auto;
}
寬度:100%不必要。
替換0為頂部和底部邊距或
#main{
margin:30px auto 0;
}
只為保證金
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.