ディスプレイ：IE9ではtable-cellが機能しませんか？

Question

レイアウトを変更するためにCSS表示プロパティを使用しているテーブルがあります。フルサイズのブラウザの場合は「ブロック」を使用し、小さい場合は「テーブルセル」を使用します。 Firefox、Safari、Chromeでうまくいきますが、何とかIE9が混乱しているようです... Firebugなどを使ってページをデバッグすると、IEを除くすべてのブラウザが表示を変更することは明らかです。table-cell表示する：ブロック。しかし、IEは、CSSファイルが表のセルであるべきことを明確に述べているにもかかわらず、display：blockで固まっています。

IE9または既知の回避策で "table-cell"に関する既知の問題はありますか？

EDIT： 問題はtable-cellではなく、表のセルにDisplay：blockと表示されます。

私が抱えている問題はここにあります：http://css-tricks.com/examples/ResponsiveTables/responsive.php Chrome/Firefoxで開き、ブラウザのサイズを変更してください - テーブルが反応して狭いデザインに変更されます。 IE9で開き、サイズ変更 - テーブルは静的で変更されません。

EDIT2： 上記の例では、レスポンシティブパートはIEのためにコメントアウトされています。これは、作成者が乱雑であることを知っていたからです。それにもかかわらず、私はIEでも同様に機能するこの種のデザインを作成できるようにしたいので、動作させるには何らかの回避策を講じる必要があります。 http://jsfiddle.net/2Mt37/

Answer 1

私は@thirtydotが

を書いた古いスレッドからの答えは、私がフロートを適用した：ものにを残しました。それはちょっとうまくいく。

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

彼が言ったように、それちょっと作品... IE9は、すべての狂ったレンダリングのものを停止しますが、それが良い見えるように行うには、SOM整列はまだあります。 しかし、その答えは十分です、私は自分自身を修正することができます...

Answer 2

X-UA-互換性のメタタグは、Webページの作成者がページはずのInternet Explorerのバージョンを選択することができます：ここで

は、IE9がreponsive一部が含まれている応答テーブルを台無しにする方法を示しJSFiddleですとしてレンダリングされます。

これらはあなたのオプションは以下のとおりです。= 1

"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"> 

クロムは、オープンソースのブラウザプラグインであるGoogleのクロームフレームのためです。プラグインがインストールされているユーザーは、ブラウザでページを開くときに、Google Chromeのオープンなウェブテクノロジと高速のJavaScriptエンジンにアクセスできます。 Internet Explorerのブラウジングエクスペリエンスを強化し、最新のHTML5機能やGoogle Chromeのパフォーマンスとセキュリティ機能にアクセスすることができます。