SEO, Linkaufbau und Social Media Marketing

Was bietet Tameco?
Nachhaltige Suchmaschinenoptimierung, effektiver Linkaufbau und wirkungsvolles Social Media Marketing aus einer Hand.

Suchmaschinenoptimierung Linkanalyse Linkaufbau Social Media Marketing Facebook Marketing

Blog

Gratis Erstberatung 040 5390 4520

Startseite » Blog » How To, Webdesign »

CSS-Hacks für Internet Explorer 6 und 7

Spezial: 101 Linkaufbau Tipps als eBooklet kostenlos downloaden!

CSS-Hacks für Internet Explorer 6 und 7

Der folgende Artikel darf verlinkt werden!

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:

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.

Ihnen gefällt dieser Beitrag? Dann verpassen Sie auch in Zukunft keine Neuigkeiten aus den Bereichen Suchmaschinenoptimierung, Linkbuilding und Social Media Marketing und werden Sie unser Fan bei Facebook, folgen Sie uns bei Twitter oder abonnieren Sie unseren RSS Feed.

Sie wollen die Reichweite Ihrer Website erhöhen, brauchen qualitative und themenrelvante Backlinks
oder möchten soziale Netzwerke wie Facebook gewinnbringend nutzen?

Kontaktieren Sie uns!
SEO | Linkaufbau | Social Media Marketing

Tags » css, explorer, hacks, internet | How To, Webdesign