HTMLのfloatの質問です。


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

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

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

回答の条件
  • 1人2回まで
  • 登録:2006/12/06 23:31:15
  • 終了:2006/12/13 23:35:03

回答(4件)

id:kazu1107 No.1

kazu1107回答回数199ベストアンサー獲得回数142006/12/06 23:41:09

ポイント23pt

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

テスト

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

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

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

id:kazu1107 No.2

kazu1107回答回数199ベストアンサー獲得回数142006/12/06 23:43:35

ポイント23pt

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

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

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

id:aratako0 No.3

あらた回答回数34ベストアンサー獲得回数12006/12/07 00:43:06

ポイント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

itochan🙈🙊🙉回答回数20ベストアンサー獲得回数12006/12/07 19:33:44

ポイント22pt

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

以上。

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

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません