回り込み。。。

[新着] Webテンプレートを仮オープンしました

0   名前： らいら ： 2006/02/24 14:39  ［URL］
過去ログを調べたのですが、良い回答がなかったので質問させていただきます。

左側にメニューのボックスを入れ、右側にランダムトップ絵などを入れようと
したのですが、画面を小さくすると右側のトップ絵が、メニューボックスの
下に移動してしまうのです。
□□　　←これが、　□
　　　　　　　　　　　　□←こんなのに

この回り込み（？）を禁止するにはどうしたら・・・？
メニューボックスには、float: left;のスタイルシートを入れています。
よろしくお願いします。


　
1   名前： 匿名希望 ： 2006/02/24 14:39
手っ取り早く入れ子にするのはどうでしょう。

<div style="width:●●px">
<div style="float:left">メニュー</div>
<div style="float:left">トップ絵</div>
</div>

●●の部分はメニューとトップ絵を表示したい範囲の横幅の合計を入れて下さい。
2   名前： らいら ： 2006/02/24 14:39  ［URL］
ああ、そうやってDIVで囲めばできますね。
匿名希望さん、ありがとうございました^^
一覧へ戻る