Firefox および IE9 用の CSS レイアウト_html/css_WEB-ITnose

コードは上記の通りで、ヘッダー ファイルはありませんFirefox の表示は正常ですが、IE の表示全体の高さが画面を超えており、各ブロックの高さがいっぱいではないかサポートされていません。最初のテキストが追加されます その後、2 つのバージョンのレイアウトは似ていますが、全体のサイズは以下に縮小されます。画面の高さの 50% で、コンテンツが存在しない場合は、#k が押し出されます (#k は単に埋めるためのものなので、#lg1 と #lg2 は下に配置できます)。また、コンテンツが #R の右ブロックの下にある場合。 #rf の #rf234 には内容がありません。Firefox では #rf1 が右端の #rf4 に移動します。同時に、空のフレーム #rf234 が親クラス #rf の下に表示され、高さは になります。 IE では #rf1234 の位置は変わりませんが、#rf234 の高さも変わります。両方のブラウザで正常に表示されるように変更するにはどうすればよいですか?
私のレイアウトは次のようになります: #すべての親クラスは、ブラウザを占有するために幅と高さを 100% に設定します。
#すべてのサブクラス #L と #R は 20% と 80% の幅で区切られます。 #L の下に #a #b #c #d #e #k #lg があり、#abcde はそれぞれ 3 つの小さな部分に分割されています。#k には内容がありません。#lg を一番下に押し込みたいだけです。 >#R下注#ra #rb #rc #rd #re #rf、それぞれ4つの小さなブロックに分かれており、コンテンツは左上から右下にあるため、次のいくつかの小さなブロックにはコンテンツがない可能性があります。
互換性を持たせる方法を教えてください。

ディスカッションへの返信 (解決策)

いいえ ie9 、スタイル内の多くの場所が繰り返されています。

#all{width:100%;height:100%;}    #L    {width:20%;height:100%;float:left;}    #a        {width:100%;height:10%;}

より多くのクラス定義 (.w100) を使用し、ID の使用を減らします
私の原則は、オリジナルが準拠していることを確認することです。仕様 (firefox、chome ) ブラウザは正常です (デザイン効果など)

IE の CSS ハックを再度使用します

IE9 がないと、スタイルの多くの場所が重複します。

#all{width:100%;height:100%;}    #L    {width:20%;height:100%;float:left;}    #a        {width:100%;height:10%;}

より多くのクラス定義 (.w100) を使用し、ID を減らします
私の原則は、仕様 (Firefox、chome) に準拠したブラウザが正常であることを確認することです (デザイン効果など)

IE の CSS ハックをもう一度使用します

クラス定義を使用するにはどうすればよいですか?使い方を教えてもらえますか？または、このメソッドの名前を教えてください。調べます

私が見つけたコンテンツには、ネストについては何も記載されていません。 結局、このレイアウトが欲しいのですが?

> ;