2011-03-01 55 views
2
<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 lookCSS水平居中,和最小高度在IE瀏覽器不工作

火狐看

Internet Explorer 8 look 的Internet Explorer 8的外觀

+0

你可以在網上發佈你的代碼,以便我可以看到它的工作? – Seth 2011-03-01 03:45:34

+0

你的頁面上有文檔類型聲明嗎? – BoltClock 2011-03-01 03:47:10

+0

@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

回答

3
  1. 保證金:自動水平居中不支持在IE6中。相反,您可以使用絕對定位來居中,或者您可以使用絕對定位,或者您可以執行以下操作:

    body { text-align:center; }

  2. 對於需要另外添加砍死物業_height: 300pxmin-height: 300px; 所有的瀏覽器,但IE瀏覽器會忽略黑客攻擊屬性,因爲IE有效治療高度最小高度,你會得到IE最小高度在所有瀏覽器中都需要這種效果。

  3. background-color在IE中工作沒有任何問題。

+0

謝謝。我會嘗試。我想知道爲什麼downvote? – 2011-03-01 15:19:00

+0

@哈里有些人有投票的習慣。這個帖子沒有錯。忽略倒票。你可以調高它以消除負面影響。 – Hussein 2011-03-01 19:23:04

+1

1)IE6在標準模式下支持'margin:auto'。 2)這裏的屏幕截圖是IE8,而不是IE6,所以它支持'min-height'就好了。我沒有倒下,但這可能是爲什麼。 – BoltClock 2011-03-01 22:07:34

相關問題