2012-11-12 15 views
12

まあ私はこの1つで困っています。 Internet Explorer 9でthis jsfiddleを表示するとわかるように、ホバー上に自動的に展開されるdivがあります。いいえ、JavaScriptが必要です!とにかく、私はW3C validatorとCSSをチェックし、それはいくつかのエラーを示していますが、私は彼らがベンダー固有のプロパティに起因すると言うことができる限り、または少なくとも私は構文エラーなどを見つけることができませんでしたIE 9ではクラスが多すぎる可能性があります。Internet Explorer 9の魔法のように拡張されたdiv

div.gridViewScrollerH 
{ 
    width: 916px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -ms-overflow-x: auto; 
    -ms-overflow-y: hidden; 
} 

誰もこの問題を以前に持っていましたか?何か案は?おかげ

+1

IE9には、-ms-overflow-xまたは-ms-overflow-yは必要ありません。それらはそれぞれ 'overflow-x'と' overflow-y'のエイリアスですので、あなたがすでに修正されていないバージョンを使っているなら、それらを使う理由はありません。 – BoltClock

+0

これは自動対隠れオーバーフローの問題の多くです。一部の値の組み合わせは、たとえば動作しません。 – BoltClock

+0

@BoltClockはい、私はそれらをorginally持っていませんでした。私は必死になるようになったときにそれらの行を追加しました:p – JayPea

答えて

19

はちょうどクラス

div.gridViewScrollerH 
{ 
    display: inline-block; 
    width: 916px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -ms-overflow-x: auto; 
    -ms-overflow-y: hidden; 
} 
+0

テーブルボックスにランダムなものを変えることには慎重になるでしょう... – BoltClock

+0

申し訳ありません。 'display:inline-block'という意味です。私は答えを決めた。 Thnx BoltClock – Varon

+0

これはトリックでした。ありがとう。 – JayPea

2

IE9に固有のこの問題にdisplay: inline-block;を追加します。 autoを適用する代わりに、スクロールにdivのオーバーフロースタイルを設定します。

0

クラスにmin-height:0%を追加してください。

関連する問題