<div style="float:right; ">テスト</div>
<div style="float:left; ">ああああああああああああああああああああああああああああああああああああああああああああああ</div>
これをIEとfirefoxでブラウザをある程度小さくして見比べると、IEでは2つ目のボックスが上手く回りこみできるのに、firefoxではできません。firefoxでも上手く回りこみできるような方法はありませんか?
何時間も悩んでわからなかったので、適切な回答には高ポイントを差し上げます。
floatの使い方があまりよろしくないようです。
テストああああああああああああああああああああああああああああああああああああああああああああああ
このようにしてみてはどうでしょうか?
"30%"はお好みですが、margin-right:の方を若干大きくすることで2つのボックスの間の幅を調整できます。
すみません、タグを表示するの忘れてました(汗
<div style="float:right; width:30%;">テスト</div>
<div style="margin-right: 30%;">ああああああああああああああああああああああああああああああああああああああああああああああ</div>
<div style="float:right;">テスト</div> <div>ああああああああああああああああああああああああああああああああああああああああああああああ</div>
とか、
<div style="float:right;">テスト</div> <p>ああああああああああああああああああああああああああああああああああああああああああああああ</p>
とかでできますよ。
このへんも参考になるかと。
http://allabout.co.jp/internet/hpcreate/closeup/CU20060120A/
ちなみに、HTML(もしくはCSS)の適切な回答は、Firefox側だと思います。
コメント(0件)