IE7 Zeigt Leerzeichen afer png

Question

Ich habe ein div, die ein PNG-Hintergrund-Bild enthält. Nachdem die div auf meiner Web-Seite in IE7 angezeigt wird, gibt es ein Leerzeichen zwischen den div und Fußzeile. Alle anderen Browser (inkl. IE8) korrekt PNG angezeigt werden soll. Irgendwelche Ideen auf, einer Auflösung würde geschätzt?

Answer 1

Nur ein Gedanke hier, aber vielleicht ist es der Browser-Stylesheet, das diese Leerzeichen erweitert?

Versuchen Sie es mit einem CSS zurücksetzen .

Answer 2

Es ist sehr wahrscheinlich, dass Sie weißen Raum um Ihren img Tag haben, die ein einzelnes weißen Zeichen in IE6 und IE7 macht.
Ich gehe davon aus Code wie folgt aussieht:

<div>
    <img/>
</div>

Versuchen Sie es machen:

<div><img/></div>

So:
- kein Leerzeichen
- keine neue Zeile Zeichen

Answer 3

den Browser Erzwingen das Bild als Blockelement zu behandeln, sollten alle geerbten Margen zunichte machen, die es gegeben ist. Versuchen Sie folgendes:

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

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

Beachten Sie, dass Ihr Bild verhält sich jetzt wie ein DIV-Tag. So übernehmen Sie die Formatierung / Positionierung entsprechend. Zum Beispiel, wenn Sie Ihre Grafik zentrieren möchten, sollten Sie so wie jedes andere DIV-Element tun:

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