css - サイズ変更の制約がある固定 DIV 要素を持つ

Question

次の基本的なレイアウトの Web サイトがあります。基本的に、固定位置にNAVdiv とdiv があります。SIDEBARこれは、ユーザーがページを下にスクロールすると、MIDDLE COLUMNdiv のみが移動するためです。

私が抱えている問題は、ウィンドウが水平方向に縮小されると、SIDEBAR が左に移動し、最終的に私のMIDDLE COLUMN.

にbody設定していますが、SIDEBAR が設定されている場合と設定されていないmin-width場合にのみ影響しますposition:absoluteposition:fixed

同じスクロール方法を維持する方法はありますがSIDEBAR、特定のピクセル制約の後に div が左に移動するのを止める方法はありますか?

ありがとう！

マークアップを編集:

div.MASTER {
    position: inherit;
    width:100%;
    height:auto;
}

div.NAV {
    position:fixed;
    top:0;
    left:0;
    width:200px;
}

div.CONTENT {
    float: left;
    position: relative;
    width:100%;
}

div.MIDDLECOLUMN {
    float:left;
    width:100%;
    height:100%;
    text-align:center;
}

div.SIDEBAR {
    position:fixed;
    top: 0;
    right: 0;
    width:200px;
}