问题定心格在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

回答

相关问题