CSS水平居中，和最小高度在IE浏览器不工作

<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; 
}

Firefox look CSS水平居中，和最小高度在IE浏览器不工作

火狐看

Internet Explorer 8 look 的Internet Explorer 8的外观

来源

2011-03-01 Thang Pham

你可以在网上发布你的代码，以便我可以看到它的工作？ – Seth 2011-03-01 03:45:34

你的页面上有文档类型声明吗？ – BoltClock 2011-03-01 03:47:10

@Seth：我忘记了允许您发布html和css代码并生成页面外观的网站。你能刷新我的记忆吗？ @BoltClock：这是我的Doctype：'<！DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Strict // EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict。 dtd“>' – 2011-03-01 03:47:19

保证金：自动水平居中不支持在IE6中。相反，您可以使用绝对定位来居中，或者您可以使用绝对定位，或者您可以执行以下操作：

body { text-align：center; }
对于需要另外添加砍死物业_height: 300px到min-height: 300px; 所有的浏览器，但IE浏览器会忽略黑客攻击属性，因为IE有效治疗高度最小高度，你会得到IE最小高度在所有浏览器中都需要这种效果。
background-color在IE中工作没有任何问题。

来源

2011-03-01 09:12:11 Hussein

谢谢。我会尝试。我想知道为什么downvote？ – 2011-03-01 15:19:00

@哈里有些人有投票的习惯。这个帖子没有错。忽略倒票。你可以调高它以消除负面影响。 – Hussein 2011-03-01 19:23:04

1）IE6在标准模式下支持'margin：auto'。 2）这里的屏幕截图是IE8，而不是IE6，所以它支持'min-height'就好了。我没有倒下，但这可能是为什么。 – BoltClock 2011-03-01 22:07:34

CSS水平居中，和最小高度在IE浏览器不工作

回答

相关问题