これはCSSで可能ですか

Question

CSSレイアウトが2つ残っていますが残りの40％は残り（60％）ですが、左側のものはブラウザが200サイズが変更されます。 私は絶対配置を使用します。私のCSSは、それはIE（リンクを参照）で動作するように取得するには、この

#LeftSection 
{ 
    position: fixed; 
    float: left; 
    width: 40%; 
    height: 100%; 
    background-color: #CCCCCC; 
} 
#RightSection 
{ 
    position: absolute; 
    margin-left: 40%; 
    width: 60%; 
    height: 100%; 
    background-color: #333333; 
} 

Answer 1

使用min-widthと様々なハックのようなものです。

EDIT：私はハッキングを言うべきではありません。 IEのみのスタイルシートを含めるには、条件付きコメントを使用します。

Answer 2

これは試しましたか？

min-width:200px; 

Answer 3

またmin-width/height含むPPKのQuirksMode compatibility tables for CSSプロパティをチェックアウトする必要があります。これは、特定のブラウザー（IE6）が他のブラウザーと同じように動作しない避けられない状況に遭遇したときに役立ちます。

Answer 4

LeftSectionの最小幅を持つすべてのソリューションは、2つの<div />または使用するブロック要素の2つの重複につながります。ブラウザウィンドウの幅が400ピクセルの場合、LeftSectionの幅は200ピクセルですが、RightSectionの幅は240ピクセルで、余白は160ピクセルです。したがって、40ピクセルほど重なります。残念ながら、CSSには最小限のマージンスタイルはありません。そのため、IIRCでは、小さなブラウザウィンドウのマークアップとの重複を完全に避けることはできません。