人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HTMLのfloatの質問です。

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

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

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

●質問者: dosukoi1988
●カテゴリ:インターネット ウェブ制作
✍キーワード:firefox HTML IE テスト ブラウザ
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● kazu1107
●23ポイント

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

テスト

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

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

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


2 ● kazu1107
●23ポイント

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

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

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


3 ● あらた
●22ポイント
<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側だと思います。


4 ● itochan???
●22ポイント

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

以上。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ