[解決済み] ウィンドウサイズ変更時にdivが移動しないようにする

質問

私は、2つの div "list_events" と "right_content" が隣り合っているページを持っています。 ウィンドウのサイズを変更すると、 "right_content" が "list_events" の下に移動しますが、そんなことはしたくありません! この2つのDivは、ウィンドウのサイズ変更時に移動も縮小もさせたくありません。

これはコードです

.list_events{margin-left:1em;float:left;}
.right_content{float:left;margin-left:1em;}

感謝 ルカ

解決方法は？

まず、親div/wrapを追加し、あなたの2つのdivをその中に入れてください。

というように。

<div id="wrap">
   <div id="list_events"></div>
    <div id="right_content"></div>

</div>

を試してみてください。

min-width(px/ems/など)を親/ラッパーのdivにこのように指定します。

#wrap{
min-width: 600px;
}

全体として、min-widthにどのようなサイズを追加しても、親divは指定されたサイズに縮小されます。

指定したサイズを超えると、他のウィンドウと同じように動作します。

というのが私のやり方です。