CSS-Hacks für IE

[poldi]

Hallo,

wir benutzen auf unserer Seite www kreditkarte studenten net einige CSS-Hacks für den Internet-Explorer, im wesentlichen, um die "Abwärtskompatibilität" der Seite für den IE6 zu gewährleisten.

Zum einen den nutzen wir den rechten bekannten Star-HTML Hack:
z.b.

Code: Alles auswählen

* html .collu{overflow-x:hidden;}

und auch noch einige andere Hacks.

Die Seite wird im IE6 soweit auch korrekt dargestellt, allerdings löst man ja öfters, dass man auf CSS-Hacks verzichten sollte. Andererseits wollen wir den IE6 unbedingt noch einbeziehen, da ja immer noch einige User auf den alten Browsern unterwegs sind.

Als Alternative zu den Hacks fällt mir eigentlich nur ein, im Quelltext über

Code: Alles auswählen

<!--[if lt IE 7]>
       <link rel="stylesheet" href="..." type="text/css" media="screen">
    <![endif]-->


ein seperates Stylesheet für den IE6 einzubinden. Was meint Ihr?

Zudem wüsst ich gerne was (und ob) der sogenannte "Quirks" oder "Standard" Modus des IE damit zu tun hat
So ganz habe ich diese Sache mit den Modi nicht verstanden. Die Seite nutzt XHTML 1.0 Transitional.

Danke und viele Grüße

poldi

[sejuma]

In aller Regel brauchst du für den IE keine, bzw. allenfalls nur äußerst wenige Hacks.
Ein separates Stylesheet für den IE ist m.E. schon gar nicht erforderlich.

Der IE benötigt vor allem einen standardkonformen Doctype, damit er das CSS-Boxmodell korrekt darstellen kann. Den hast du.
Weitere Erläuterungen hierzu siehe http://www.ohne-css.gehts-gar.net/0006.php und http://carsten-protsch.de/zwischennetz/doctype/index.html mit weiteren Verweisen.
Im Quirksmode (ohne Angabe der DTD-URL) berechnet der IE die Abstände des Boxmodells falsch.

Was dann für den IE 6 an Problem noch bleibt ist meist der IE-Doubled-Float Margin-Bug, den man ebenfalls recht einfach und ohne Hack beheben kann, siehe http://www.ohne-css.gehts-gar.net/0032.php.

Unterschiedliche Standardabstände in verschiedenen Browsern lassen sich so vermeiden: http://www.ohne-css.gehts-gar.net/0037.php.

Schließlich gibt es noch die Problematik von Sub-Navis (Drop-Down-Navi) beim IE. Auch hierzu gibt es Lösungen in Form eines Hacks: http://www.ohne-css.gehts-gar.net/0066.php .

Wenn du all diese Dinge berücksichtigt hast, dann sollten weitere Hacks bzw. ein separates Stylesheet nicht erforderlich sein.
In einigen Spezialkonstruktionen können noch vereinzelt weitere Probleme auftauchen, die sich dann meist ebenfalls mit Sonderangaben oder Spezialhacks lösen lassen.

[poldi]

Danke für Deine ausführliche Antwort. Ich werde erstmal die Links in Ruhe durchgehen.

Viele Grüße

poldi