在我的網站上的一個頁面上,右列中的表格太寬,而不是顯示滾動條,IE將它打包在內容下面在左欄中。我找不到解決辦法,因爲我不知道如何描述發生的事情。不可打包的float在IE中清除,但在所有其他瀏覽器中使用滾動條呈現
這裏是我用來證明該問題的代碼:
<style>
#col1 { float: left; width:189px; font-size:8pt;}
#col3 { width: auto; margin: 0 0 0 191px; }
</style>
<body>
<div id="col1">
<div style="padding-top:30em;border:1px solid red">really tall</div>
</div>
<div id="col3">
<h1>title</h1>
<table border="1">
<tr>
<td>aaaaaaaaaa</td><td>aaaaaaaaaa</td>
<td>aaaaaaaaaa</td><td>aaaaaaaaaa</td>
<td>aaaaaaaaaa</td><td>aaaaaaaaaa</td>
<td>aaaaaaaaaa</td><td>aaaaaaaaaa</td>
<td>aaaaaaaaaa</td><td>aaaaaaaaaa</td>
<td>aaaaaaaaaa</td><td>aaaaaaaaaa</td>
<td>aaaaaaaaaa</td><td>aaaaaaaaaa</td>
<td>aaaaaaaaaa</td><td>aaaaaaaaaa</td>
<td>aaaaaaaaaa</td><td>aaaaaaaaaa</td>
<td>aaaaaaaaaa</td><td>aaaaaaaaaa</td>
<td>aaaaaaaaaa</td><td>aaaaaaaaaa</td>
</tr>
</table>
</div>
</body>
在這裏,它是如何呈現在IE:
在所有其他的瀏覽器,一個公司的表格顯示了剛下「標題「,我得到一個水平滾動條。這是我所期望的,但由於某種原因,IE想要清除col1中的內容。我試過應用寬度,浮動等,但我無法讓IE將標題放在標題下,而不清除col1內容。
我認爲這有一些IE黑客攻擊,但它是什麼?
我自己設計的問題是在這裏設置縮放以強制「hasLayout」屬性爲true,或者是否在IE中翻轉不同的隱藏設置? – Adrian 2010-11-19 17:01:10
我試過了,它在IE6中沒有任何作用。 @antonlavey - 它只用於觸發hasLayout爲true。 – 2010-11-19 17:01:32
確認這適用於IE7。感謝澄清meder – Adrian 2010-11-19 17:02:12