CSS IE6的情況下 - 內部div不適合100％

我有一個大容器（div）和一個頭div在裏面。它應該適合100％寬度的容器。它的確可以代替IE6（甚至可以在IE7中使用）。CSS IE6的情況下 - 內部div不適合100％

HTML代碼：

<body> 
    <header> 
     <table summary="Displaying something"> 
     <tr class="first-row"> 
      <th>Fdsfdsf:</th> 
      <td>fdjsklf</td> 
     </tr> 
     <tr> 
      <th>dfdsfdsf:</th> 
      <td>vcxvcx</td> 
     </tr> 
     <tr> 
      <th>FDSfjdsklf</th> 
      <td>FDsjfkdsj</td> 
     </tr> 
     </table> 
    </header> 
</body>

和CSS：

* { 
    margin:     0; 
    padding:    0; 
} 
html { 
    font:     62.5% verdana, geneva, sans-serif; 
    line-height:   1.125em; 
    background-color:  silver; 
    text-align:    center; 
} 
body { 
    background-color:  white; 
    width:     79%; 
    min-width:    1024px; 
    max-width:    1920px; 
    margin:     3% auto; 
    text-align:    left; 
} 
header { 
    padding:    1em; 
    border-bottom:   1px solid silver; 
    text-align:    center; 
} 
header table { 
    margin:     0 auto; 
} 
header table tr { 
    font-size:    0.8em; 
} 
header table .first-row { 
    font-size:    1em; 
} 
header table th { 
    font-weight:   normal; 
    padding:    0 10px 0 0; 
    text-align:    right; 
} 
header table .first-row th { 
    font-weight:   bold;  
} 
header table .first-row td, header table .first-row th { 
    border-bottom:   1px dotted silver; 
}

很抱歉的代碼的長度。要檢查標題大小，我添加了底部邊距。它非常適合外部容器的左側。由於頭文件沒有在文件中設置寬度，所以它應該也適合外部的div。但是右側存在缺口。邊界的末端與右側有一點距離（約20px），因此太短。

你能看到問題嗎？我嘗試了一切，唯一可行的是設置寬度：標題中的100％。但是，由於填充它在其他瀏覽器太長...的

來源

2012-10-16 user1615069

是否有你需要支持IE6的原因？大多數情況下，IE7應該沒問題。有些網站甚至不會再低於IE9。 – TheZ

爲什麼要支持IE6？我不是說不要問你的問題;也許你別無選擇。但2012年看到「IE6」是相當令人驚訝的，並且讓我好奇。 – tuff

從我讀過的大約80％使用IE的人中，我發現IE6看起來不錯，這是必要的。 – user1615069

如果增加100％至header的作品，你可以使用：

header { 
    padding:    1em; 
    border-bottom:   1px solid silver; 
    text-align:    center; 
    width:     100%; 
    box-sizing:    border-box; /* that's the magic */ 
}

填充將被包含在更高版本瀏覽器的總lenght感謝box-sizing的力量。

由於他們已經在評論中指出，unless you live in China你大概可以忽略IE7及以下。

來源

2012-10-16 19:40:10 Giona

不是在IE6/7中不能使用Box-sizing嗎？ – user1615069

順便說一句...我很好奇，爲什麼設置100％寬度的div在另一個div內使它太寬... – user1615069

是的，它不是，但你說：「唯一可行的是設置寬度：100％在標題「。這樣你就不會讓滾動條出現在較新的瀏覽器中。 – Giona

CSS IE6的情況下 - 內部div不適合100％

回答

相關問題