並べて配置した画像の脇に隙間ができてしまう

質問

スライスした画像ABCDをwidth:660px、height:200pxのdivのボックスの
中へ隙間なく配置したいと考えています。

(配置図)
AB
CD

といった具合。

FireFoxでは隙間なくキレイに配置されるのですが、
IE6だと配置図のAとCの左脇へおよそ3px程の隙間が空いてしまい、
それが原因でimgタグへfloat:leftをかけていても縦並びになって
しまいます。
IEのバグだとは思うのですが、対処法はありませんでしょうか？
因みにソースは以下のような感じです。
-----------------------------------------
■HTML部分
<div class="test_a">
<img src="img/01.jpg" wihdth="330" height="143" alt="">
<img src="img/02.jpg" wihdth="330" height="143" alt="">
<img src="img/03.jpg" wihdth="330" height="57" alt="">
<img src="img/04.jpg" wihdth="330" height="57" alt="">
</div>

■CSS部分
.test_a {
width: 660px;
height: 200px;
margin-top: 20px;
}
.test_a img {
float: left;
}

回答No.3

abril · ベストアンサー

多分、質問者様のHTMLではIEが「後方互換モード」になっているのだと思います。「標準準拠モード」であれば、IEでも画像間に隙間はできず、質問者様の意図されている通りにボックス内に隙間なく並びましたので（HTML4.01 Strict、XML宣言なしのXHTML1.1等で検証済み）。
下記に、HTML文書がどの様な条件の時に各UAがどちらのモードになるかがまとめられていますので、参考にして下さい。

【参考】http://2xup.org/log/2007/07/27-2111

お礼

当方HTML 4.01 Framesetにて宣言しておりました。
おっしゃる通りXHTML 1.1 XML宣言無しに書き換えたところ綺麗に
並びました。
とても助かりました。有難う御座いました。

回答No.2

WDY

こんにちわ

IEのバグかどうか分かりませんが
画像を並べて配置した時、そのまま配置だとIEの使用上隙間が開きます。

テーブルタグを使用して並べて表示して、テーブルのフレームを0にしてみるのはどうでしょうか？

回答No.1

yambejp

改行しているからじゃない？