はじめての方へ- このQ&Aは役に立った
- 役にたった：0件
質問 |
||
| 質問者：GibsonSG | CSSのボックス表示の違いについて | |
|---|---|---|
困り度：
|
現在、以下のようなボックス配置を作っています。 ｜ボックス左｜｜ボックス右｜ <div class="clear"></div> ｜ボックス左｜｜ボックス右｜ <div class="clear"></div> ｜ボックス左｜｜ボックス右｜ ボックス左は左フロート ボックス右は右フロート にしてあります。 どちらも幅は250pxにしていしてあります。 そして、その中にこのように文章と画像を入れていきたいのですが、 ｜画像１ ｜｜文章 ｜ ｜ ｜｜画像２ ｜ <div class="clear"></div> 実際にやってみると、ボックスの中身の長さが右の方が長い場合、 ｜画像１ ｜｜文章 ｜ ｜画像２ ｜｜ ｜ <div class="clear"></div> このように、画像２が左のボックスの下に表示されてしまうのです。 FFとSafariならこのように ｜画像１ ｜｜文章 ｜ ｜画像２ ｜ ｜文章 ｜ ｜画像３ ｜ <div class="clear"></div> どれだけ中身を増やしても、右のボックスが下に伸びて縦長になっていくだけなのですが、どうしてIEだと上のように隣のボックスの下に画像や文章が回り込んでしまうのでしょうか。どうしてもわかりません。 ｜画像１ ｜｜文章 ｜ ｜画像２ ｜｜画像２ ｜ ｜画像３ ｜｜文章 ｜ ｜画像４ ｜｜画像３ ｜ <div class="clear"></div> このように、左のボックスにも中身がある場合は右ボックス内のものは下に回り込みません。 何がいけないのかわかりません。おしえてください。 よろしくお願いします。 |
|
質問投稿日時：08/03/30 18:44 質問番号：3907853 |
||
この質問に対する回答は締め切られました。
回答良回答20pt |
|
| 回答者：SAYKA | 図を出されても判らないのでソース(HTML,css)を載せて欲しいかな。 まぁ多分margin,paddingの描画方法の違いによって起きている改行(のような)現象だと思うけどね。 |
|---|---|
| 種類：アドバイス どんな人：一般人 自信：参考意見 |
|
| |
回答日時：08/03/30 19:18 回答番号：No.1 |
|
| この回答へのお礼 | ご回答ありがとうございます。 ご指摘の通り、マージンと余白の解釈がIEだけ違っていたので、 250pxのボックス内に収まるはずの画像でも、はみ出たことになってました。 ありがとうございました。 |
- このQ&Aは役に立った
- 役にたった：0件
はじめての方へ