DseWiki: CascadingStyleSheets/PortabilitätsProbleme

Das ist der Beginn einer Sammlung von Problemen, die damit zu tun haben, dass CSS von verschiedenen Browsern unterschiedlich interpretiert wird. Ziel ist natürlich immer ein System von HTML+CCS zu haben, das auf allen Browsern das gleiche oder zumindest ein akzeptables Ergebnis liefert.

Hintergrund und Textselektion

Das ist (wie üblich ein Problem zwischen Netscape und IE), wobei das Problem darin besteht folgenden gleichzeitig zu realisieren:

einen dunklen Hintergrund der HTML-Seite
einen weißen Texthintergrund mit dunkler Schrift
Markierbarkeit des Textes mittels Maus dunkel.

Die Trennung von Seitenhintergrund und Texthintergrund ist erst mit CSS möglich. Mitspieler sind:

die HTML-body-tags (der alte Seiten- und Texthintergrund)
die CSS-body-definition (der neue Seitenhintergrund)
die CSS-content-definition (der neue Texthintergrund, "content" ist eine beliebig zu wählende Klassenbezeichnung)

Das Problem tritt bei Netscape auf: die Markierung erfolgt weiß mit blauer Schrift und ist auf schwarzer Schrift mit weißem Hintergrund kaum sichtbar. Grund dafür ist, dass sich im Netscape die Markierung im content-Bereich offenbar nicht an den Farbdefinitionen des content-Elements orientiert, sondern an der CSS-body-Definition.

Ein Workaround ist durch Abstimmung der Elemente möglich:

die CSS-body-definition darf keine Hintergrundfarbe enthalten. Damit nimmt IE und Netscape die HTML-body-tags
der Seitenhintergund kann jedoch nicht über HTML-body-bgcolor eingestellt werden, da bei einer dunklen Farbe Netscape auf helle Markierung umstellt (ein hell eingestellte bgcolor ist redundant, stört aber nicht)
der Seitenhintergrund wird über ein HTML-body-background-image (notgedrungen eben einfarbig) eingestellt.
der Texthintergrund kann unproblematisch über die content-Definition hell auf dunkel eingestellt werden.

Das ist der letzte Stand der Dinge. Zu besichtigen z.B. in

BücherWiki:TestSeite (view source, CSS ist Teil der HTML-Seite).

: Testbericht: die Mozilla Engine markiert alles weisse Schrift auf dunkelblauem Hintergrund. Bis auf die Überschrift und die Fußzeile sieht man das auch gut.