Versionsspezifische Weichen für den Internet Explorer (CSS)

Es ist manchmal wie verhext:
die Webseite ist fertig und bei der letzten Kontrolle fällt einem auf, dass bei einer der vielen Internet- Explorer-Versionen, ein Bereich sich verschoben hat. Das kann natürlich nicht so bleiben. Aber alle Versuche, dies zu ändern, scheitern. Entweder bleibt alles beim Alten oder die anderen Versionen zicken plötzlich rum.

Und nun?
Mit Hilfe von Browser- bzw. Versionsspezifischen Weichen können auch Sie der einen oder anderen Version “Beine machen”.

Fügen Sie einfach den von Ihnen benötigten Befehl in den Headerbereich ein und passen Sie diesen Ihren Wünschen an. Anschließend erstellen Sie die zusätzlich benötigte CSS-Datei.

Hinweis:
Bitte beachten Sie, dass die folgenden Befehle erst ab der IE-Version 5.0 erkannt und ausgeführt werden. Die älteren Versionen ignorieren diese.

Beispiele:

alle IE-Versionen:
<!–[if IE]>
<style type=”text/css”>@import url(ie-alle-ab-5.css);</style>
<![endif]–>

alle 7er-Versionen:
<!–[if IE 7]><style type=”text/css”>@import url(ie7.css);</style><![endif]–>

alle Versionen vor 6 (lt = kleiner als):
<!–[if lt IE 6]>
<style type=”text/css”>@import url(ie-5-6.css);</style>
<![endif]–>

alle Versionen (5) bis 6 (lte = kleiner oder gleich):
<!–[if lte IE 6]>
<style type=”text/css”>@import url(ie-5-bis-inkl-6.css);</style>
<![endif]–>

alle Version ab 7 (gte = größer oder gleich):

<!–[if gte IE 7]>
<style type=”text/css”>@import url(ie-groesser-inkl-7.css);</style>
<![endif]–>

Weitere Informationen zu Browserweichen, Hacks & Co. finden Sie hier.

Ihnen hat dieser Artikel gefallen und Sie wollen mir unbedingt etwas Gutes tun? Dann klicken Sie einfach jeweils einmal auf die folgenden Symbole. Fertig! (Keine Bange. Sie kaufen damit weder eine Waschmaschine noch treten Sie irgendeiner Sekte bei. Sie helfen mir nur dabei ein besseres PageRanking zu erhalten. Das sagt man jedenfalls. Ob es stimmt? Keine Ahnung.) Danke! ;-)
Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
MisterWong Y!GG Webnews Digg del.icio.us StumbleUpon Reddit Technorati YahooMyWeb
erstellt am 16. Mai 2008 17:58    abgelegt unter: CSS

nach oben
Kommentar erstellen:
Hinweise:
Bitte füllen Sie die mit dem * gekennzeichneten Felder aus.
Ihre E-Mailadresse wird nicht veröffentlicht.






Maximum 2 links per comment. Do not use BBCode.