css - IE は画像の周りに余分なパディングを追加します

Question

IE が画像に余分なパディングを追加する際に問題が発生しています。フォーラムを検索しましたが、問題の解決策が見つかりませんでした。

最初の画像は、他のすべてのブラウザーでの状態 (あるべき状態) を示し、2 番目の画像は IE での表示です。

画像は、次のコードを含む表のセルにあります。

<td width="372" rowspan="3" align="center" valign="middle" style="border:1px solid #ADE1EF; padding: 5px;">
<img id="image1" src="http://siteaddress.com/image.JPG" style="width:368px; height:370px;" />
</td>

どんな助けでも大歓迎です。

Answer 1

問題は、表のセルの書式設定に関するものです。IE では、表のセルが互いに接触しており、その間にスペースがありません。他のブラウザーでは、それらは接触しておらず、それらの間にスペースがあります。IE のやり方が異なる理由については調べていませんが、画像とは関係なく、表のセルの幅と余白がどのように指定されているかを確認する必要があります。