IE7はホワイトスペースapngを表示します

Question

PNG背景画像を含むdivがあります。 IE7のWebページにdivが表示された後、divとフッターの間に空白があります。他のすべてのブラウザー（IE8を含む）は、PNGを正しく表示します。解決策についてのアイデアはありますか？

Answer 1

ここで考えたことはありますが、その空白を追加しているのはブラウザのスタイルシートですか？

CSSリセットを使用してみてください。

Answer 2

img タグの周囲に空白があり、IE6およびIE7で単一の白い文字が表示される可能性が非常に高くなります。
あなたのコードは次のように見えると思います：

<div>
    <img/>
</div>

作成してみてください：

<div><img/></div>

だから：
-空白なし
-改行文字なし

Answer 3

ブラウザが画像をブロック要素として扱うように強制すると、与えられた継承されたマージンがすべて無効になります。これを試してください：

<style type="text/css">
.blockify { display: block; }
</style>

<img src="/path/to/my/image.png" width="100" height="100" class="blockify" />

画像がDIVタグのように動作するようになったことに注意してください。したがって、それに応じて書式設定/配置を適用してください。たとえば、グラフィックを中央に配置する場合は、他のDIV要素と同様に配置する必要があります。

<style type="text/css">
.blockify { display: block; margin: 0px auto; } 
/* auto margins help center block elements */
</style>