Odd Internet Explorer Rendering Bug (img-Tag)

Question

Ich habe eine Seite, die einen Anruf wie

<%# Databinder.Eval(Me, "Description") %> 

wo die Beschreibung html enthält, hat die auf meine Seite ausgegeben wird. Es hat seit Jahren gut funktioniert, aber jetzt versuche ich, ein HTML-Tag mit einer Breite von 740px, die den Raum in niedrigeren Auflösungen schön füllt.

Es funktioniert in allen Browsern, in denen ich es eingecheckt habe (Chrome, FF, Safari), aber ie8 fügt eine Menge zusätzlichen Leerraum nach dem Bild hinzu, was eine horizontale Bildlaufleiste verursacht.

IE8 Entwickler-Tool-Layout-Registerkarte bestätigt, dass die Breite der div mit dem img-Element etwa 1039px war, so durch Inline-CSS konnte ich es auf die richtige Größe zu bekommen, aber alle anderen Elemente im Beschreibungsfeld haben noch eine Breite von 1039px. Wenn ich den Img-Tag herausnehme, geht alles wieder normal.

Ich habe auch darauf geachtet, dass das img-Tag angezeigt wird: block;

bearbeiten - Dummy-Codebeispiel:

<h1 class="asdf">asdf</h1> 
<h2 class="zxcv">zxcv</h2> 
<ul> 
    <li>zxcv</li> 
    <li>adsf</li> 
    <li>asdf</li> 
</ul> 
<h2 class="qwerty">qwerty</h2> 
<p>qwerty</p> 
<div style="margin:0; padding:0; width:740px; display:block;"><img style="margin:0; padding:0; width:740px; display:block;" src="images/asdf1.jpg" /></div> 

Was bin ich dabei?

Answer 1

In dem Beispiel Code gebucht das Bild-Tag ist nicht geschlossen, ich weiß nicht, ob dies ist, weil es nur Dummy-Code ist oder wenn das das Problem sein könnte. Aber wenn das Bild nur ein Abstandshalter haben Sie darüber nachgedacht, einen Geschütztes Leerzeichen anstelle? ...

<div style="width:740px;">&nbsp;</div>

Wird der Raum verursachen durch die Blockierung div Element aufgenommen werden, anstatt Platzierung eines Bildelements im Inneren das div.