Also zunächst sollte die CSS-Datei gekürzt werden, wie nachfolgend geschehen.
Dazu die Definitionen eingerückt, um sie besser lesbar zu machen (nicht nur für das menschliche Auge
).
Und zuletzt die Schriftarten so angeben, wie sie auf dem Rechner des Users im Normalfall vorzufinden sind. Also "Arial" eben gross- und nicht kleingeschrieben.
Kann dann je nach Browser zu einer Ersetzung der Schrift und damit zur Zerstörung des Layouts führen.
Auch empfiehlt es sich, immer weitere Schriften als Alternative anzubieten, die der Browser dann nach und nach prüft, sofern (von links nach rechts) eine Schrift nicht vorhanden ist.
Ich habe das ebenfalls mal ergänzt:
Code: Alles auswählen
body {
background-color: #000000;
}
a {
font-size: 10px;
color: #ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
a:link, a:visited, a:active, a:hover {
text-decoration: none;
}
.impressum {
background-color: #000000;
}
p {
font-size: 10px;
color: #ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
Dieses als Code oder Datei erzeugt bei mir dazu keine CSS-Validate-Fehler...