Internet Explorer Vs. Firefox Padding

October 22

Internet Explorer 9 unterstützt die meisten CSS3 Elemente. Firefox hatte immer bessere Einhaltung der CSS-Standards wie Sie vom World Wide Web Consortium (W3C) festgelegt als Internet Explorer. Dies gilt insbesondere für ältere Versionen von Internet Explorer, der einheitliche CSS-Fehler zu leiden.

Richtige Polsterung Verhalten

Firefox soll mit CSS und HTML durch das W3C Durchsichten arbeiten. Textabstand funktioniert mit Firefox von Design. Nach CSS-Standards bezieht sich die Breite eines Elements auf den Inhalt; das Element wird um erweitert Polsterung und Grenzen. Ihre 200 Pixel-DIV-Element mit fünf Pixel Polsterung wird 210 Pixel breit, Bilanzierung von fünf Pixel auf jeder Seite. Websites, die Arbeit richtig in Firefox nicht korrekt in älteren Versionen von Internet Explorer aufgrund eines Fehlers dargestellt wird bekannt als der CSS-Box-Modell-Bug.

Box-Modell-Fehler

Der Box-Modell-Fehler im Internet Explorer ist Geschenk, wenn Sie ein Element mit einer Breite, Polsterung und einen Rahmen festlegen. In früheren Versionen von Internet Explorer würde die Polsterung passen in die Breite und den Inhalt zu verkleinern. Als Beispiel eine 150 Pixel breites Element mit fünf Pixel Polsterung würde am Ende mit 160 Pixel auf der Seite im Firefox und 150 Pixel auf der Seite in Internet Explorer mit den Abstand verkleinern Ihre interne Inhalte auf 140 Pixel bleiben würde.

IE-Versionen

Der Box-Modell-Fehler ist nicht in allen Versionen von Internet Explorer vorhanden. Es ist am häufigsten in Internet Explorer 5, sondern erscheint in IE 6 und 7, wenn der Browser in den Quirks-Modus erzwungen wird. Quirks-Modus bietet Platz für ältere Web-Standards, um eine Seite intakt zu halten. Zum Zeitpunkt der Veröffentlichung ist Internet Explorer 5 nicht mehr gemeinsam verwenden, während Internet Explorer 7-Konten für ein wenig mehr als fünf Prozent der Internet-Nutzer. Internet Explorer 6 entfallen mehr als 7 Prozent aller Internetbenutzer. Dies ist eine Summe von knapp 13 Prozent.

Verwaltung des Fehlers

Der effektivste Weg zur Verwaltung dieser Fehler in Internet Explorer 6 und 7 ist ein Doctype deklariert. Dies weist den Browser an das HTML und CSS mit einer bestimmten Art von HTML auf der Seite zu behandeln. Erzählen, den Browser, die HTML 4.0 Strict Doctype verwenden, fügen Sie Folgendes in die erste Zeile des Quellcodes:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 / / EN" "http://www.w3.org/TR/html4/strict.dtd & Quot; >

Sie können diesen Fehler auch von verschachtelten DIV-Ebenen in einander und Zentrierung das zweite DIV innerhalb der ersten beheben. Verwenden Sie die Schichten, Polsterung, im Gegensatz zum Auffüllen mit CSS festlegen zu emulieren.