CSS水平居中,最小高度不适用于IE ... #内容{ 浮动:左; 宽度:540px; 填充:30px 30px 0px 30px; 背景色:#19252f; 文本对齐:左对齐; 最小高度:500px; } #包装纸{ 保证金:0自动; 宽度:800px; }
Firefox外观 Internet Explorer 8外观CSS水平居中,最小高度不适用于IE ... #内容{ 浮动:左; 宽度:540px; 填充:30px 30px 0px 30px; 背景色:#19252f; 文本对齐:左对齐; 最小高度:500px; } #包装纸{ 保证金:0自动; 宽度:800px; },css,internet-explorer,firefox,google-chrome,Css,Internet Explorer,Firefox,Google Chrome,Firefox外观 Internet Explorer 8外观 余量:IE6不支持自动水平定心。相反,您可以使用绝对定位来居中,也可以这样做 身体{ 文本对齐:居中; } 对于IE最小高度,除了min height:300px之外,还需要添加hacked属性\u height:300px 除IE之外的所有浏览器都会忽略hacked属性,而且由于IE有效地将height视为minheight,因此您将在所有浏览器中获得想要的效果 背景色在IE中工作没有任何问题 你能把你的代码发布到网上让我看到它
min height:300px之外,还需要添加hacked属性\u height:300px
代码>
除IE之外的所有浏览器都会忽略hacked属性,而且由于IE有效地将height视为minheight,因此您将在所有浏览器中获得想要的效果
背景色
在IE中工作没有任何问题你能把你的代码发布到网上让我看到它在工作吗?你的页面上有doctype声明吗?@Seth:我忘记了允许你发布html和css代码并生成页面外观的网站。你能刷新我的记忆吗@BoltClock:这是我的Doctype:
是你的问题:“我如何在IE中获得与FF相同的行为?”@kbrimington:是的,这正是我的问题。对不起,这是我的错confusion@harry有些人有投反对票的习惯。这个职位没有问题。不要理会反对票。您可以向上投票删除负片。1)IE6在标准模式下支持margin:auto
。2) 这里的屏幕截图是IE8,而不是IE6,因此它支持minheight
非常好。我没有投反对票,但这可能是原因。我不知道他在使用IE8。无论哪种方式,请尝试我提供的变通方法,并让我知道它是如何工作的。在看不到任何代码的情况下很难判断发生了什么。这些都是有效的建议,也将使站点在IE6中工作。
<div id="wrapper">
<div id="content" style="background-color: white;">
...
</div>
</div>
#content{
float: left;
width: 540px;
padding: 30px 30px 0px 30px;
background-color:#19252f;
text-align: left;
min-height: 500px;
}
#wrapper {
margin: 0 auto;
width: 800px;
}