HPがFirefoxでは問題ないのに、IEだと画像に空白ができます。

質問

DreamWeaver8を使いHPをさわってるんですが、IE6で見ると、TOPページの画像と画像の間に空白ができて見えます。DreamWeaver上でもFirefoxでも問題なく表示されるんですが、原因がわかりません。
（当方初心者で、このHPももともと業者さんが作ったものを、途中から簡単な更新等のみを知人からお願いされてしておりますので、CSSやらタグやら勉強中で、まだまだよく解ってないような感じです。そんな人間がHPを触るな！という意見がごもっともだとは思いますが、知人も周りに頼めるような人間もなく私にお願いしてきておりますので、なんとか綺麗に見えるようにしたいのです。）

これだけの説明では解りにくいと思いますので、以下におかしいと思われる個所を載せます。
<div class="top-h-left"></div>
<div class="top-h-right">
<div class="t-sub-navi">
<ul>
<li class="h-home"><a href="../index.html"><img src="../img/top_h_home.jpg" alt="HOME" width="53" height="20" class="imgover" /></a></li>
<li class="h-inquiry"><a href="../info/inquiry.html"><img src="../img/top_h_inquiry.jpg" alt="お問い合わせ" width="81" height="20" class="imgover" /></a></li>
<li><a href="../info/sitemap.html"><img src="../img/top_h_sitemap.jpg" alt="サイトマップ" width="82" height="20" class="imgover" /></a></li></ul><br clear="all" class="partition" /></div><img src="../img/top_img1.jpg" alt="○○○」" width="410" height="160" /></div>
<span class="top-h-left"><a href="http://www./○○○"><img src="../img/logo_top.jpg" alt="○○○" width="340" height="180" /></a></span><br clear="all" class="partition" />
<img src="../img/top_img2.jpg" alt="" width="340" height="209" /><img src="../img/top_img3.jpg" alt="" width="410" height="209" /><br />
<div class="top-global-navi">

この画像のimg1とimg3の間に空白が現れてしまいます。
（○の部分はHPのアドレスや店名等が表示されていましたので、略させて頂きました）

回答No.1

leap_day · ベストアンサー

こんにちは

タグだけのソース文ではどのように表示されているのか分かりません
こういった場合にはスタイルシート部も必要になりますので併せて載せて下さい　ｍ（－－）ｍ

class名が分かりやすいので大方の予想はつきますが・・・

┌────────┐┌──────────────┐
├────────││　　　　　　　　　　　　　　　　　　　　　　│
│　　　　　　　　　　　　　││　　　　　　　　　　　　　　　　　　　　　│
│　　　　　　　　　　　　　│└──────────────┘
├────────┤┌──────────────┐
│　　　　　　　　　　　　　││　　　　　　　　　　　　　　　　　　　　　│
└────────┘└──────────────┘
こういう状態になってるわけです・・・よね？

(上の部分左側）
<div class="top-h-left"></div> 空白行1行分
logo_top.jpg height:180

(上の部分右側)
<div class="t-sub-navi"> height:20
top_img1.jpg height:160

となりますので<div class="top-h-left"></div>の分だけ左のほうがheightが多くなります
そのため画像間に空白ができているわけです

<div class="top-h-left"></div>に何も入れないのであれば削除してください
逆に言えばこれに何か入れれば入れるほど空白部分は増えていくか、最悪（height:180を越すと）レイアウトが崩れます

お礼

お礼遅くなり大変申し訳ありませんでした。
スタイルシート部というのが、どの部分を指しているのかわかりませんでしたが（勉強不足ですみません...）　<div class="top-h-left"></div>ｎの部分は必要なさそうなので、削除しました。

しかし右の画像間の空白は消えませんでした...もう少し自分でも頑張ってみます。説明不足の初心者の質問に丁寧に答えていただいて、どうもありがとうございました。