CSS Style wird nicht vererbt - Quirksmode!
bearbeitet von
Hallo Christian,
was Chrome mir im Seiteninspektor zeigt (der Pfeil ist von mir):
~~~css
table {
display: table;
border-collapse: separate;
box-sizing: border-box;
text-indent: initial;
line-height: normal;
font-weight: normal;
font-size: medium;
font-style: normal;
color: -internal-quirk-inherit; /* <<<---- */
text-align: start;
border-spacing: 2px;
border-color: gray;
white-space: normal;
font-variant: normal;
}
~~~
Im Firefox sieht man das nicht, dafür sieht man
~~~
table { vom Browser: quirk.css
...
}
~~~
Und schaut man deinen Quellcode an, findet man:
~~~html
<html>
<body>
...
</body>
</html>
~~~
Deiner Demo fehlt die <!doctype html> Zeile zu Beginn. Deshalb schaltet der Browser in den Quirks-Modus. Und offenbar hatten die verquirksten Antikbrowser die dumme Angewohnheit, Farben in Tables nicht zu vererben; keine Ahnung, mein letzter IE 5.5 ist vor 20 Jahren oder so verstorben.
Dein Forum beginnt sogar gleich mit <head> - was grundsätzlich nicht schlimm ist, der Browser denkt sich das <html> dazu. Was er sich nicht dazudenkt, ist die Sprachangabe, die im html-Tag notiert werden sollte:
~~~html
<html lang="de">
~~~
weshalb Du
~~~html
<!doctype html>
<html lang="de">
~~~
zu Beginn hinzufügen solltest. Ich hoffe, das gelingt Dir bei Deinem Forum. Falls das nicht machbar ist (weil das Basis-HTML zu gut im PHP versteckt ist oder das HTML generell nur im Quirksmode funktioniert), könntest Du versuchen, im Stylesheet dies hier notieren:
~~~css
table {
color: inherit;
}
~~~
Das hat deine Demoseite in FF und Chrome "gerettet".
>> role="presentation"
> Noch nie gehört.
Oh. WAI-ARIA ist essenziell für zugängliche Webseiten. Das in dein altes Forum einzuschrauben ist sicherlich übertrieben, aber falls Du mal eine eigene Seite baust, solltest Du Dich damit befassen.
_Rolf_
--
sumpsi - posui - obstruxi
CSS Style wird nicht vererbt - Quirksmode!
bearbeitet von
Hallo Christian,
was Chrome mir im Seiteninspektor zeigt (der Pfeil ist von mir):
~~~css
table {
display: table;
border-collapse: separate;
box-sizing: border-box;
text-indent: initial;
line-height: normal;
font-weight: normal;
font-size: medium;
font-style: normal;
color: -internal-quirk-inherit; /* <<<---- */
text-align: start;
border-spacing: 2px;
border-color: gray;
white-space: normal;
font-variant: normal;
}
~~~
Im Firefox sieht man das nicht, dafür sieht man
~~~
table { vom Browser: quirk.css
...
}
~~~
Und schaut man deinen Quellcode an, findet man:
~~~html
<html>
<body>
...
</body>
</html>
~~~
Deiner Demo fehlt die <!doctype html> Zeile zu Beginn. Deshalb schaltet der Browser in den Quirks-Modus.
Dein Forum beginnt sogar gleich mit <head> - was grundsätzlich nicht schlimm ist, der Browser denkt sich das <html> dazu. Was er sich nicht dazudenkt, ist die Sprachangabe, die im html-Tag notiert werden sollte:
~~~html
<html lang="de">
~~~
weshalb Du
~~~html
<!doctype html>
<html lang="de">
~~~
zu Beginn hinzufügen solltest. Ich hoffe, das gelingt Dir bei Deinem Forum. Falls das nicht machbar ist (weil das Basis-HTML zu gut im PHP versteckt ist oder das HTML generell nur im Quirksmode funktioniert), könntest Du versuchen, im Stylesheet dies hier notieren:
~~~css
table {
color: inherit;
}
~~~
Das hat deine Demoseite in FF und Chrome "gerettet".
>> role="presentation"
> Noch nie gehört.
Oh. WAI-ARIA ist essenziell für zugängliche Webseiten. Das in dein altes Forum einzuschrauben ist sicherlich übertrieben, aber falls Du mal eine eigene Seite baust, solltest Du Dich damit befassen.
_Rolf_
--
sumpsi - posui - obstruxi