HTMLのfloatの質問です。


<div style="float:right; ">テスト</div>
<div style="float:left; ">ああああああああああああああああああああああああああああああああああああああああああああああ</div>

これをIEとfirefoxでブラウザをある程度小さくして見比べると、IEでは2つ目のボックスが上手く回りこみできるのに、firefoxではできません。firefoxでも上手く回りこみできるような方法はありませんか?

何時間も悩んでわからなかったので、適切な回答には高ポイントを差し上げます。

回答の条件
  • 1人2回まで
  • 登録:
  • 終了:2006/12/13 23:35:03
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答4件)

id:kazu1107 No.1

回答回数199ベストアンサー獲得回数14

ポイント23pt

floatの使い方があまりよろしくないようです。

テスト

ああああああああああああああああああああああああああああああああああああああああああああああ

このようにしてみてはどうでしょうか?

"30%"はお好みですが、margin-right:の方を若干大きくすることで2つのボックスの間の幅を調整できます。

id:kazu1107 No.2

回答回数199ベストアンサー獲得回数14

ポイント23pt

すみません、タグを表示するの忘れてました(汗

<div style="float:right; width:30%;">テスト</div>

<div style="margin-right: 30%;">ああああああああああああああああああああああああああああああああああああああああああああああ</div>

id:aratako0 No.3

回答回数34ベストアンサー獲得回数1

ポイント22pt
<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側だと思います。

id:itochan No.4

回答回数20ベストアンサー獲得回数1

ポイント22pt

floatを指定したブロックにwidthを指定していないようでしたら、widthを指定してみてください(両方とも)。

以上。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません