- 締切済み
IEとFireFoxの表示の違いで悩んでます！
クライアントからの要望で主にCSSを使ってコーディングをしております。 下記のコードでひとつの記事が <div class="line_dot"></div>でラインで区切られ下に続いていくようにしているのですが、 <div class="math_newsMerchant"> <div class="icon_newsMerchant"> <table width="100%" border="0" cellpadding="0" cellspacing="3"> <tr><td><img src="img/icon1.gif" /></td></tr> <tr><td><img src="img/icon2.gif" /></td></tr> </table> </div> <div class="txt_newsMerchant"> <p><a href="#">ID:1988 Pointcageモバイル (2006/9/27)</a></p> <p>ポイント還元率は日本最大級！Point cafeモバイル誕生</p> </div> <a href="#" class="btn_merchant">提携先はこちら</a> <div style="clear:both;"></div> </div> <div class="line_dot"></div> <div class="math_newsMerchant"> <div class="icon_newsMerchant"> <table width="100%" border="0" cellpadding="0" cellspacing="3"> ・ ・ ・ ・ ・ ・ floatを使ってるため、math_newsMerchantでくくられている各センテンスの最後に<div style="clear:both;"></div>をいれております。 これが問題で、IEだとこのdivタグを入れると勝手に空白をつくってしまします。 FireFoxは正常に表示するのですが。 divじゃなくてimgタグでそのまま表示しても同じです。 divとimgの余白をなくす方法をどなたか知りませんでしょうか？
- eak
- お礼率56% (13/23)
- その他([技術者向] コンピューター)
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- matchasoft
- ベストアンサー率54% (20/37)
- gryfinndors
- ベストアンサー率18% (127/671)
文書型宣言をしてますか。 ＩＥはマージンとか余白がでたらめなので、宣言してあわせます。 ＰＬＵＧＩＮを使わないならＦＩＲＥＦＯＸの方を標準にして作った方がいい。
お礼
ご回答ありがとうございます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> にしてました。 特に意味もわからずに・・ matchasoftさんにも教えていただいた参考ページを見て今後は気をつけたいと思います。 ありがとうごいました！
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
ありがとうございます！ 非常に参考になりました。 今回は納期の問題上、テーブルを使って回避してしまいました・・。