Mehr Traffic, mehr Besucher, mehr Umsatz

Erfolgsorientiertes Onlinemarketing aus einer Hand, nachhaltige Beratung und Betreuung mit Qualitätsstandards. Informieren Sie sich auf unseren Seiten.

3. April 2009, veröffentlicht in How To, Webdesign | Trackback | RSS

« Google will Twitter kaufen
» Wie sich der Google-Algorithmus geändert hat

Bei Microsoft ist mit dem Erscheinen des Internet Explorer 8 hoffentlich die Erkenntnis eingekehrt, dass man sich als Browserhersteller an Standards halten sollte. Während man bei Firefox, Opera, Safari und sogar bei Chrome weiß, dass man die Nutzer nicht an der Nase herumführen (und vor allem den Webdesigner keine unnötigen Arbeiten zumuten) soll.

Bei älteren Versionen des Internet Explorers von Microsoft sieht’s allerdings teilweise eher schlecht aus. Vor allem Version 6 ist eine echte Herausforderung, vor allem in Sachen CSS. Oft steht man vor dem Problem, dass die Seite in allen Browser gut aussieht - nur der IE6 will da nicht mitmachen. Mit dem IE7 wurden schon so einiges behoben, allerdings “spinnt” auch dieser Browser gern mal rum.

Damit man nicht extra für jede Version eines Browser eine eigene CSS-Datei anlegen muss, kann man mit CSS-Hacks behelfen. Vorteil: sie lassen sich in die normale CSS-Datei einbetten und sorgen so dafür, dass zwar pro Datei mehr geladen werden muss. Dafür fallen aber zusätzliche Dateien weg. Außerdem muss man nicht jede CSS-Anweisung für den Internet Explorer 6 und 7 mit CSS-Hacks versehen. Zahlreiche Anweisung verstehen beide Browser sogar genau wie ein Firefox.

Um nun den Browsers zu sagen, was sie machen sollen, bettet man zusätzliche Zeilen wie im folgenden Beispiel in seine CSS-Datei ein:

Normal:

p { font-size: 120%; }

CSS-Hack für IE6:

* html p { font-size: 120%; }

CSS-Hack für IE7:

html* p { font-size: 120%; }

Wenn man das gemacht hat und alles in allen Browsern gut aussieht, sollte man für den Internet Explorer 7 und 8 noch einen kleinen Meta-Tag einfügen:

<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />

Hintergrund: beim Internet-Explorer 8 wurde das Innenleben erneut verändert. Damit man aber bei Unstimmigkeiten nicht auch noch einen CSS-Hack für IE8 braucht, hilft man sich mit dem Meta-Tag. Die Anweisung “zwingt” den IE8, sich wie ein IE7 zu verhalten.

Tags: css, explorer, hacks, internet

Verwandte Artikel

• Internet Explorer 8 mit neuer Beta
• Der intellektuelle Firefox
• Internet Explorer 7 erschienen

     

3 Kommentare

• » Romantiker schrieb am 26. Juni 2009:

  Ich habe mir auch mal im internet eine extensions für dreamweaver installiert welche dieses Problem auch sehr gut löst.


• » Traumpartner schrieb am 18. November 2009:

  @Romantiker: Welche Extension benutzt Du denn?


• » Glirten Ferne! schrieb am 08. Januar 2010:

  Immer wieder dieses Rumgefrikel nur wegen dem IE …nenene lang Lebe der Firefox!

Kommentar schreiben