Probleme mit Text im IE nicht Umhüllung oder schwimmende

Internet Explorer wurde notorisch nicht konform mit kaskadierenden Stil Blatt Standards in der Vergangenheit so sehr, dass es eine gemeinsame Wehe der Webdesigner versuchen, effektive Designs für mehrere Browser zu erstellen ist. Ihr schwimmt und Wickel das Verhalten hängt davon ab, welche Version von Internet Explorer Sie verwenden und was genau Sie versuchen zu erreichen.

InternetExplorer: Versionen und Popularität

Die meisten Fehler diskutiert mit CSS und Internet Explorer beziehen sich speziell auf Internet Explorer 6 und 7; Diese hatten die meisten Probleme mit CSS-Standards eingehalten. Internet Explorer 8 ist immer noch die beliebteste Version von Internet Explorer mit 27 Prozent der Nutzer, im Dezember 2011. Es folgt Internet Explorer 9 mit 11 Prozent und Internet Explorer 6 mit 7 Prozent. Beim Entwerfen von Layouts, die müssen Sie abwägen, wie wichtig es ist, Unterstützung, der Nischenmärkten der älteren Versionen von Internet Explorer.

Schwimmern, Seitenränder und Einzüge

Mit Internet Explorer 6 gab es mehrere Fälle, in denen Schwimmer. Gefloatete Div-Element--ein Block von Inhalten, die unabhängig vom Rest der Seite--in Internet Explorer 6 manchmal formatiert werden kann endet mit einem Doppel-Marge. Ein oberer Rand auf 10 Pixel festgelegt wird 20 Pixel im Internet Explorer 6. Gefloatete Divs in Internet Explorer 6 kann auch falsch Verhalten basiert auf den Rändern der Elemente um ihn herum. Statt zu verschieben das ganze gefloatete Div über entsprechend am anderen Rand, wird das Div eine eingerückte erste Textzeile haben ohne zu bewegen den Rest der div. In beiden Fällen kann das Problem behoben werden, durch Hinzufügen von "anzeigen: Inline;" auf das gefloatete Element.

Aufwickeln auf Schwimmern

Internet Explorer 7 verhält sich angemessen in Bezug auf die übergroßen Schwimmern. Haben Sie zwei Schwimmern, die die Breite des Fensters zu überschreiten, werden sie gestapelte landen. Jedoch entsprechen nicht Text, das bedeutete diese Schwimmern umbrechen; Es sollte an der Spitze beginnen, wenn das erste Element, sondern beginnt an der Spitze des zweiten schwebte. Dieser Fehler wurde in Internet Explorer 8 behoben.

Erweiterten Schwimmern

In CSS Wenn Sie ein Element Erstellen der Text darin soll entsprechend wickeln. Überschreitet der Text die angegebene Größe der Box, es sollte entweder überlaufen oder abgeschnitten werden wie in Ihrem Stylesheet angegeben. Jedoch werden in Internet Explorer 6 Elemente erweitert. Dies führt in einigen Fällen nebeneinander-Elementen gestapelt landen oder Elemente zu lange enden. Dies kann behoben werden, durch entweder hinzufügen "Überlauf: versteckt;" auf das Element, das Ihr Layout oder das Hinzufügen von Microsoft nur CSS bricht "Zeilenumbruch: Pause-Wort;" Pause-Elementen, die das Feld erweitern.