1

テーブルを使用する古いレイアウトがあり、TDのスペース全体を使用するためにDIVを作成する必要があります。CSSはFirefoxで正常に機能しますが、IEは100％の高さをウィンドウ全体として解釈し、ページ上の他の要素の存在を考慮しません。

実用的な例は、このフィドルで見ることができます：http: //jsfiddle.net/micahSan/JeA6m/

FirefoxはDIVを残りの100％の高さと見なしますが、IEはそれをページ全体の100％と見なします。

IEをFirefoxと一致させるにはどうすればよいですか？

よろしくお願いします。

4

1 に答える 1

0

これに対するよりクリーンな解決策が存在するかどうかはわかりませんが、IEまだ問題があります:-(なぜ多くの人が使用してIEいるので、まだ分離されたCSSスタイルを作成する必要があるのか​​わかりませんIE...だからここに戻りましょう。問題はIEドンです私が思うに尊重heightしないので、私はこの一時的な解決策を作成しました、これをあなたのファイルに追加してください<TD><TABLE>CSS

#big_cell {
    height:100%;
    height: 45% !important;

}

つまり、これheight: 45% !importantはIEハックであり、IEでのみ機能します。

または、これらの問題のために属性を使用する代わりに、を使用heightできますspacer。たとえば、必要な高さを設定した透明な小さな写真。

于 2012-05-27T23:41:50.027 に答える