移动表崩溃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

回答

相关问题