最初... IE6では、右側に10枚の写真があります。 IE7、IE8、Firefox、およびChromeでは、正しく表示されます。しかし、IE6では、最後の2つの写真は残りの部分から約60ピクセルの巨大なブロックで分けられています。IE6で予期しない間隔を削除するにはどうすればよいですか？
これはどこから来ているのか、どのようにそれを取り除くのですか？
これで最後の4時間を費やしていましたが、それを理解できません。
非常に感謝しています！
あなたは> = 371px対368であることを.RIGHTクラスの幅を変更してみましたか？これは私のために働いた。
これは解決策のようです。これら3つのピクセルがIE6で違いを生む理由は何ですか？ – codemonkey613
喜んで助けました。私はおそらく、この特定のマークアップのボックスモデルに関連するいくつかのIEのバグがあると思われます（正しいDTD宣言を設定していても）。まあ、それはIE6に関するものです。 –
あなた#body .right .photoクラスにオーバーフロー宣言を追加します。
{
background:url("../images/bg-photo-trans.png") no-repeat scroll 0 0 transparent;
display:inline-block;
float:left;
height:141px;
margin-bottom:2px;
overflow: hidden;
width:184px;
}
この例では、 'overflow：hidden'を追加しても違いはありません。 – codemonkey613
あなたはIE6を排除します – cambraca
@cambraca - 私はあなたに同意する限り、必ずしもオプションではありません。 –
@カンブラカ - ああ、さあ。すべての敗北主義者にならないでください。 IE6を削除することは常に良い選択です。 –