• 締切済み

フッターの回り込みを防ぐ方法を教えてください(CSS)

ブラウザ:IE7 左右の二段組みで、左に navi ボックス、右に content ボックスの場合 div#content {float: right; width: 100%; margin-left: -150px; margin-right: auto} div#navi {float: left; width: 150px} div#footer {clear: both} としたのですが、フッターが navi の下に回り込んでしまいます。 {clear: both} は navi の幅 150px の中だけで float が clear されているだけです。 フッターが回り込まないようにするには、どうしたら良いか分かりません。 よろしくお願いいたします。

みんなの回答

noname#248056
noname#248056
回答No.2

#content に  position: relative を、追加指定みては?

fukurai6
質問者

お礼

ご返事をありがとうございました。 #content に position relative を追加してみましたが、 フッターは #navi の下のままでした。

fukurai6
質問者

補足

monzenkozo さん ldrnSTM さん ありがとうございました。 解決いたしました。 <div id="navi"> に </div> を書き忘れていました。^^; すみません。 お騒がせいたしました。

回答No.1
fukurai6
質問者

お礼

ご返事をありがとうございました。 さっそく読んで色々試していますが、まだ解決には到りません。 もう一度じっくり読んでみます。

fukurai6
質問者

補足

monzenkozo さん ldrnSTM さん ありがとうございました。 解決いたしました。 <div id="navi"> に </div> を書き忘れていました。^^; すみません。 お騒がせいたしました。

関連するQ&A

専門家に質問してみよう