Korrigieren von CSS für Internetexplorer 7

September 19

Bei der Gestaltung einer Website, die Sie möglicherweise feststellen, dass die Webseite in jedem Browser anders aussieht. Dies ist, da jeder Browser anders Code liest. Die Unterschiede haben oft mit der Website cascading Stylesheets (CSS) zu tun. Coding CSS für Internet Explorer 7 kann Kopfschmerzen, weil dieser Browser hat so viele Probleme CSS-Code zu interpretieren. Aus diesem Grund wird das Erstellen einer Website, die gleich aussehen im Internet Explorer 7, wie in anderen Browsern ein paar Tricks.

Anweisungen

1 Ausser Sie Ihre Stylesheets CSS 3. Während andere Browser die neueste Version von CSS unterstützen, unterstützt Internet Explorer 7 nicht viel davon. Es ist am besten CSS 3 Code aus Ihren Websites behalten, bis Internet Explorer verfügt über bessere Unterstützung dafür.

2 Verwenden Sie "Textausrichtung" beim Geschäftsbereich Markierungen zu zentrieren. Geschäftsbereich Markierungen, besser bekannt als "Divs," getrennte Abschnitte des HTML-Codes. In anderen Browsern gibt es ein Cheat für das Zentrieren von Divs im CSS, die etwa wie folgt aussieht:

{.divtag}

Rand Links: auto;

}

Dies funktioniert jedoch nicht in Internet Explorer 7. Wenn ein Div zentriert werden soll, müssen Sie den folgenden Code zu Ihrer CSS hinzufügen:

HTML, Body {}

Text-align: center;

}

3 Beheben Sie Rand-Probleme. Internet Explorer Standardränder unterscheiden sich von anderen Browsern, die Website-Layouts, die seltsam aussehen machen. Fügen Sie den folgenden Code zwischen den < Head > und < / Head >-Tags in den HTML-Code.

<!--[wenn IE] >

< Stil >

{.marginfix}

Margin: 5px;

Padding: 10px;

}

< / style >

<! [EndIf]-->

Die <!--[wenn IE] > Tag zeigt dieser Code nur Internet Explorer und begradigt die Rand-Themen heraus.

4 Verschwindenden Hintergrund-Bilder einstellen. Manchmal wird nicht Internet Explorer 7 Hintergrundbilder richtig, wiederholen die Hintergrund-Haltestelle Mitte unten auf der Seite machen. Hinzufügen von "Position: relative" an die CSS behebt dies. Der Code sieht etwa so aus:

.Box {}

Hintergrund: url('background.jpg');

Position: relative;

}

5 Vermeiden Sie den Kind-Selektor Hack; Es wird nicht funktionieren. In der Vergangenheit hätten Sie Probleme machen ein Stück CSS Internet Explorer arbeiten konnte einen Code wie den folgenden verwenden:

HTML > body {.divexample}

Breite: 100px;

Höhe: 100px;

Padding: 5px;

Hintergrund: #000000;

}

Internet Explorer 6 und unten nicht verstehen "html > Körper"; Also, wenn Internet Explorer diesen Code sieht, überspringt es es. Dadurch können Sie Code von diesen Browsern zu verstecken. Dies funktioniert jedoch nicht mehr in Internet Explorer 7; So verwenden Sie nicht dieses Codes.

6 Verwenden Sie die Methode "link Rel" CSS mit der "import"-Methode, anstatt einer Webseite zu verknüpfen. Es gibt zwei Möglichkeiten ein externes Stylesheet mit einem HTML-Dokument zu verknüpfen. Eines ist den Import-Code, der etwa so aussieht:

< Typ style = "Text/Css" > "stylesheet.css";-@import < / style >

Diese Methode hat, in Ungnade gefallen, weil Internet Explorer nicht immer versteht. Die folgende Methode ist viel zuverlässiger:

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