Firefox mißachtet Stylesheets
Wenn es daran geht, nicht standardkonformes Verhalten eines Browsers anzuprangern, ergießen sich Haßtiraden, Spott und Hohn ja gewöhnlich über den Interner Explorer. Manchmal tritt aber auch unser geliebtes Arbeitspferd, der Firefox, daneben. So geschehen, als ich ein Druckstylesheet einbinden wollte:
- <link href=“extended.css” rel=“stylesheet” type=“text/css” media=“screen, projection” title=“ambranet Lieblings-Stylesheet” />
- <link href=“basis.css” rel=“alternate stylesheet” type=“text/css” media=“screen, projection” title=“Linearisierte Darstellung” />
- <link href=“print.css” rel=“stylesheet” type=“text/css” media=“print” title=”Druckstylesheet” />
Die beiden ersten Stylesheets lassen dem Anwender die Wahl. Im Firefox kann er sich das Standard-Styling oder die einfachere Alternative auswählen. Beide sind durch das title-Attribut griffig beschrieben. Auch das Druck-Stylesheet hat einen title. Soll ja auch nicht arm dastehen.
Dann kommt die Überraschung: Die Druckvorschau erscheint vollständig ohne Styling. Der Validator sagt nichts dazu, die Seite ist also valide. Die Lösung des Problems:
- <link href=“print.css” rel=“stylesheet” type=“text/css” media=“print” />
Das Print-Stylesheet darf keinen title haben und sollte auch an letzter Stelle stehen, da in einigen Fällen nachfolgende alternative Stylesheets für die Bildschirmausgabe auch nicht dargestellt werden. Der Bug ist zwar bekannt, aber auch in Firefox 2.0 noch nicht behoben.
Geschrieben am 21.01.2007 um 16:52:20 Uhr in der Kategorie CSS, Fortgeschrittene, Feed: RSS 2.0. Sie können einen Kommentar schreiben.