Wie man die selben Zeilenhöhe von Microsoft IE & Mozilla Firefox

Internet Explorer interpretiert Margen und Zeilenhöhe anders als Mozilla Firefox nicht. Diese Unterschiede wurden in früheren Versionen von IE, wie IE6 am deutlichsten. Um die Code-Abweichungen umgehen und die Linie, die Höhen zu entsprechen, der Seite HTML, die ein anderes Stylesheet für Microsoft IE verbindet fügen Sie eine "if"-Anweisung hinzu.

Anweisungen

1 Fügen Sie zwei "< >" link-Tags zwischen den "< Head >" Tags am Anfang der Seite; zum Beispiel:

< Head >< Link >< Link >< / head >

2 Einfügen von "Rel", "geben" und "Href" in der "< Link >"-Tags, Attribute, so dass der Code wie folgt aussieht:

< link Rel = "Stylesheet" Type = "Text/Css" href="firefox.css" >< link Rel = "Stylesheet" Type = "Text/Css" href="ie.css" >

3 Fügen Sie hinzu "If"-Anweisungen auf der Microsoft IE-Link-Code, damit der Browser weiß, um dass CSS-Code zu aktivieren, wenn der Betrachter auf die Webseite in Internet Explorer schaut:

<!--[wenn IE] >< link Rel = "Stylesheet" Type = "Text/Css" href="ie.css" ><! [Endif]-->

4 Fügen Sie "Element {Zeilenhöhe: #px;}" zu dem Firefox CSS. Ersetzen Sie "Element" mit der gewünschten Seitenkomponente (z. B. Tabelle, Div, p), dann ersetzen Sie "#" durch die gewünschte Zeilenhöhe; zum Beispiel:

Körper {Zeilenhöhe: 15px;}

5 Speichern Sie die Datei firefox.css. Erstellen Sie eine Kopie der CSS-Datei, und benennen Sie es als "ie.css." Sie sollten eine firefox.css-Datei und ein ie.css Datei haben.

6 Starten Sie die Seite im IE und Firefox. Upload firefox.css und ie.css auf Ihren Webserver, wenn Sie einen Seite online-Editor verwenden.

7 IE und Firefox parallel ausgerichtet. Verringern Sie oder erhöhen Sie "Line-Height" um ein Pixel in der ie.css Code bis bis Mozilla Firefox und Microsoft IE die selben Zeilenhöhe für die Seite haben.