Hintergrundfarbe und Kursiv-Sets ab Internet Explorer 7 Bug

StackOverflow https://stackoverflow.com/questions/1186571

Frage

Der folgende Code demonstriert das Problem, das ich bin die Begegnung: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<style>

p
{
    background-color:#FFF;
}


</style>
</head>
<body>

  <img src="http://www.google.com/intl/en_ALL/images/logo.gif" style='float:left;'>
  <p><em>This is an italic sentence.</em></p>
  <p><strong>This is a bold sentence.</strong></p>
  <p>This is a normal sentence.</p>

</body>
</html>

Wenn dieser Code in IE7 betrachtet wird, wird das Google-Logo auf der linken Seite mit ‚weißen horizontalen Balken‘ angezeigt laufen durch sie mit jedem Absatz aufgereiht, angezeigt auf der rechten Seite.

Sie die erste Zeile mit dem Entfernen von Tags bewirkt, dass die Linien zu verschwinden. Versuch es selber. Entfernen Sie jede der drei Linien und sehen, wie die Fehler Änderungen.

Was in der Welt vor sich geht mit diesem?

-

Auflösung: hasLayout Ausgabe. Hinzufügen Zoom:. 1 Attribut em korrigiert die Ausgabe

War es hilfreich?

Lösung

Nicht sicher, warum es passiert, aber es gibt viele Möglichkeiten, sicher, dass es nicht der Fall, einschließlich des Hinzufügens Anzeige:. Inline-block zum em

Andere Tipps

Dies geschieht wegen der gefloatete Bild.

Wenn ein Bild schwebt es technisch hat kein Layout der eigenen. Die weißen Balken sind die

-Tags, da in CSS Sie ihnen einen Hintergrund von #FFF gab.

Für IE7 ist die

denkt Tags beginnen, tatsächlich am Anfang der Seite, auf die weit links, so beginnt es sie gibt, sondern einfach Bumps den Inhalts hinter dem gefloatete Bild, lustigen weißen Balken verlassen overtop den schwebten Bild.

Ich würde versuchen, es zu umgehen, indem Sie Ihre Angabe

-Tags Rand links. Wenn Sie genug linker Rand zu bekommen hinter dem Bild zu machen, sollen Sie nicht mehr jene Bars bekommen.

So versuchen, so etwas wie ... 

p{ background-color: #fff; margin-left: 300px; }

Sie können den linken Rand anpassen, aber etwas in diese Richtung sollten Sie loswerden der weißen Balken erhalten.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top