显示：表格单元不能在IE9中工作？

我有一张桌子，我正在使用CSS显示属性来改变布局。对于全尺寸的浏览器，我使用“块”，对于较小的浏览器，我使用“表格单元”。它在Firefox，Safari和Chrome中效果很好，但不知何故IE9似乎把它搞乱了......当我使用Firebug和类似的东西来调试页面时，很明显，除IE之外的所有浏览器都改变了display：table-cell显示：块。但即使CSS文件清楚地表明它应该是表格单元格，但IE仍被显示：阻止。显示：表格单元不能在IE9中工作？

在IE9中有没有任何已知的“table-cell”问题或任何已知的解决方法？

编辑：问题不在于表格单元格，而是在表格单元格中显示：块。

我遇到的问题可以在这里找到：http://css-tricks.com/examples/ResponsiveTables/responsive.php 在Chrome/Firefox中打开并调整浏览器窗口大小 - 该表响应并更改为窄设计。在IE9中打开并调整大小 - 表格是静态的，不会更改。

EDIT2：在前面的示例中，响应部分对IE进行了注释，因为创建者知道它会很混乱。尽管如此，我希望能够创建这种在IE中工作的设计，所以我需要为它做一些解决方法才能使它工作。

这里是一个的jsfiddle显示IE9如何搅乱时reponsive部分包括响应表：http://jsfiddle.net/2Mt37/

来源

2012-08-24 Blizwire

你的css /代码在哪里？ –

我正在考虑包括一些代码，但我认为，因为这是一个巨大的项目的一部分，无论如何将它包括在内没什么意义... – Blizwire

你是对的。 IE9真的搞砸了。我修改了几个变化，所以我希望这对你有用。 – Rob

我找到了答案来自一个古老的线程，其中@thirtydot写道

我申请浮动：左到的东西。它有点有用。

How can I make "display: block" work on a <td> in IE?

正如他所说的，它还挺作品... IE9停止呈现的东西都疯了，但还是有SOM对准做，使它看起来不错。但是，这个答案是足够好的，我可以自己修复其余的...

来源

2012-08-27 10:49:32 Blizwire

这对我来说，非常感谢:)任何人都可以请评论为什么在这种情况下左浮动工程？ – Oly

的X-UA兼容meta标记允许网页作者选择什么版本的Internet Explorer的页面应该被渲染为。

这是你的选择：

"IE=5" 
"IE=EmulateIE7" 
"IE=7" 
"IE=EmulateIE8" 
"IE=8" 
"IE=EmulateIE9 
"IE=9" 
"IE=edge" which tells Internet Explorer to use the highest mode available to that version of IE. 

But I recommend you to use this one: 

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

铬= 1是谷歌的Chrome框架这是一个开放源码的浏览器插件。安装插件的用户可以在浏览器中打开页面时访问Google Chrome的开放式网络技术和快速JavaScript引擎。它增强了您在Internet Explorer中的浏览体验，并使您能够访问最新的HTML5功能以及Google Chrome的性能和安全功能。

来源

2012-08-24 10:01:39 Arash

我不认为我可以使用chrome-1部件，因为它依赖于使用来安装自定义插件。我需要该网站与IE9，Chrome或Firefox的干净安装工作.. – Blizwire

显示：表格单元不能在IE9中工作？

回答

相关问题