CSS水平居中,最小高度不适用于IE ... #内容{ 浮动:左; 宽度:540px; 填充:30px 30px 0px 30px; 背景色:#19252f; 文本对齐:左对齐; 最小高度:500px; } #包装纸{ 保证金:0自动; 宽度:800px; }

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中工作没有任何问题 你能把你的代码发布到网上让我看到它

Firefox外观

Internet Explorer 8外观

  • 余量:IE6不支持自动水平定心。相反,您可以使用绝对定位来居中,也可以这样做

    身体{ 文本对齐:居中; }

  • 对于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;
    }