移動表崩潰IE9

因此，我把我的頭髮通過導致瀏覽器崩潰的IE9錯誤。我有一張表格，我正在使用媒體查詢重新格式化小屏幕設備。這是一些非常漂亮的編碼，但在IE9中，當我重新調整瀏覽器窗口大於媒體查詢時，它會使IE9崩潰。似乎這樣做，當你嘗試把CSS從它，但不添加它時可能？移動表崩潰IE9

我發表了我的信息來源code here。嘗試在IE9中重新縮放它。

我更新了信息來源並將其縮小到what is causing the problem。

的HTML ...

<table width="100%"> 
<thead> 
<tr> 
<th><a href="#">Detail 1</a></th> 
<th><a href="#">Detail 2</a></th> 
<th><a href="#">Detail 3</a></th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td data-label="Detail 1: ">Detail 1 Here</td> 
<td data-label="Detail 2: ">Detail 2 Here</td> 
<td data-label="Detail 3: ">Detail 3 Here</td> 
</tr> 
<tr> 
<td data-label="Detail 1: ">Detail 1 Here</td> 
<td data-label="Detail 2: ">Detail 2 Here</td> 
<td data-label="Detail 3: ">Detail 3 Here</td> 
</tr> 
<tr> 
<td data-label="Detail 1: ">Detail 1 Here</td> 
<td data-label="Detail 2: ">Detail 2 Here</td> 
<td data-label="Detail 3: ">Detail 3 Here</td> 
</tr> 
</tbody> 
</table>

的CSS ...

@media only screen and (max-width: 800px) { 
TABLE TBODY {float:left} 
TABLE TBODY TR {float:left} 
TABLE TD {float:left} 
TABLE TD:Before {float:left;content:attr(data-label)} 
}

來源

2011-06-17 Adam Youngers

請在您的問題中發佈您的標記，代碼和CSS。 –

另外，我無法使用IE9複製錯誤。 –

從頭開始，如果我嘗試調整jsFiddle中的iframe的大小，當夜晚黑暗時它確實會使IE9崩潰。 –

好了，好了一個修復似乎增加浮動：左表標籤。我並不是真的想要浮動桌面，所以我會繼續尋找其他修復程序。

來源

2011-06-20 18:36:43

好的，我嘗試更換浮點數：左邊是Nicolas Gallagher的[Micro Clearfix]（http://nicolas.google.com/micro-clearfix-hack/），它在上面的例子中有效，但是當我將它添加到我的完整代碼它瀕臨崩潰：collapse; margin：24px 0;我已經申請了桌子。 http://jsfiddle.net/8xTPq/1/ –

嗯，很難確切地說明是什麼觸發了這個問題，但它似乎圍繞着使用表內的浮動，不清除表中的父項和用途作者：之前和內容：生成動態標題。你可以在這裏看到代碼打破... http：//jsfiddle.net/JKtfs/10/，看到它在這裏工作... http://jsfiddle.net/JKtfs/21/ –

對於這裏感興趣的是我的最後代碼與樣式... http://jsfiddle.net/Nj7zb/28/ –

移動表崩潰IE9

回答

相關問題