顯示：表格單元不能在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中工作？

回答

相關問題