CSS-Theming für IE6 und IE7
Eingetragen von DrupalFan (1105)am 05.08.2010 - 16:39 Uhr in
Immer wieder gibt es das Problem, dass wenn eine Seite fertig ist, einige Details im alten Internet-Explorere IE6 und IE7 nicht korrekt aussehen. Leider gibt es noch immer einen zweistelligen Prozentsatz von Menschen (vor allem in Firmen), die den IE6 verwenden, IE7 natürlich auch.
Gibt es da ein paar einfache Regeln auf die man achten soll um CSS-Probleme bei IE6 und 7 zu vermeiden?
Öfter padding statt margin verwenden?
Worauf sollte man achten und wie behebt man ein Problem? Meist sind es Verschiebungen ...
- Anmelden oder Registrieren um Kommentare zu schreiben
In der Tat lästig. Das erste
am 06.08.2010 - 10:13 Uhr
In der Tat lästig.
Das erste was mir einfaellt und was immer wieder Probleme bereitet: IE kann nicht mit transparenten PNGs umgehen, wenn diese auf der Seite animiert werden sollen (z.B. in Views Slideshow oder manuell durch jquery).
Ausserdem hat IE6 Probleme mit der korrekten Berechnung von Breiten, wenn border und/oder padding verwendet wird.
Mein Ansatz:
Normale CSS Spezifikationen WC3 konform erstellen. Dann extra CSS-Datei fuer IE Bugs aufsetzen (IE-fixes.css) und Korrekturen hier hineinschreiben.
Typische IE Bugs sind auf vielen Seiten aufgelistet. Google bringt eine Menge Beispiele wenn man nach "css bugs IE" sucht.
Beispiel: http://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/
Drupal maßgeschneidert.