Bei meinem Layout ist irgendwie eine DIV-Suppe entstanden und mit den Warnungen komme ich einfach nicht klar. Habe ich bei den Auszeichnungen irgendeinen Fehler gemacht?

Vielen Dank im Voraus für irgendwelche (schnell zu reparierenden) Tipps!

Uschi

Anschließend findet ihr das Protokoll:

W3C Jigsaw Powered
Ergebnisse des W3C CSS-Validator mit Objekt: file://localhost/gjugend7.css


Warnungen:
URI : file://localhost/gjugend7.css

* Zeile : 5 (Level : 1) Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : body
* Zeile : 106 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : #content h2
* Zeile : 106 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #head h1 und #content h2
* Zeile : 106 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #foot und #content h2
* Zeile : 114 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #head h1 und h3
* Zeile : 114 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #foot und h3
* Zeile : 114 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : h3
* Zeile : 125 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #head h1 und a:visited
* Zeile : 125 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #foot und a:visited
* Zeile : 125 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:visited
* Zeile : 125 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #head h1 und a:visited
* Zeile : 125 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:visited
* Zeile : 125 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #foot und a:visited
* Zeile : 125 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:visited
* Zeile : 125 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #head h1 und a:visited
* Zeile : 125 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #foot und a:visited
* Zeile : 133 (Level : 1) Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : #foot
* Zeile : 148 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : #foot a
* Zeile : 148 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #menulinks a und #foot a
* Zeile : 148 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #menurechts a und #foot a
* Zeile : 148 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #content und #foot a
* Zeile : 148 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #foot a:hover und #foot a

Ihr validiertes Cascading Style Sheet:

* body {
o padding : 0;
o margin : 0;
o font : 100.01% "MS Sans Serif", Geneva, sans-serif;
o background-color : black;
}
* #head {
o border-bottom : 3px solid black;
o margin : 0;
o padding-top : 105px;
o background-image : url(grafik/logo.gif);
o background-position : center;
o background-repeat : no-repeat;
o background-color : transparent;
}
* #head h1 {
o color : black;
o background-color : #ff9900;
o padding : 2px 2px 2px 12px;
o margin : 0;
o border-top : 1px solid black;
o font : bold 12px verdana, sans-serif;

}
* #menulinks {
o float : left;
o width : 150px;
o text-align : center;
}
* #menulinks ul {
o margin : 0;
o padding : 30px 0 0 5px;
o list-style : none;
}
* #menulinks li {
o padding : 0 0 5px;
o margin : 0;
}
* #menulinks a {
o display : block;
o width : 90px;
o height : 16px;
o color : #000;
o padding : 2px 20px;
o border : 1px solid #ff9900;
o font : bold 12px verdana, sans-serif;
o text-decoration : none;
o text-align : left;
o background-image : url(grafik/ball.gif);
o background-position : left;
o background-repeat : no-repeat;
o background-color : white;
}
* #menulinks a:hover {
o background-image : url(grafik/ball.gif);
o background-position : right;
}
* #menurechts {
o float : right;
o width : 150px;
o text-align : center;
}
* #menurechts ul {
o margin : 0;
o padding : 30px 0 0 5px;
o list-style : none;
}
* #menurechts li {
o padding : 0 0 5px;
o margin : 0;
}
* #menurechts a {
o display : block;
o width : 90px;
o height : 16px;
o color : #000;
o padding : 2px 20px;
o border : 1px solid #ff9900;
o font : bold 12px verdana, sans-serif;
o text-decoration : none;
o text-align : left;
o background-image : url(grafik/ball.gif);
o background-repeat : no-repeat;
o background-position : right;
o background-color : white;
}
* #menurechts a:hover {
o background-image : url(grafik/ball.gif);
o background-position : left;
}
* #content {
o color : black;
o background-color : white;
o margin : 0 160px;
o padding : 30px 10px 100px;
o border-left : 2px solid #ff9900;
o border-right : 2px solid #ff9900;
o background-image : url(grafik/kerle.gif);
o background-position : bottom center;
o background-repeat : no-repeat;
o background-attachment : scroll;
}
* #content h2 {
o margin : 0 0 5px;
o font : bolder 18px verdana, sans-serif;
o height : 100px;
o color : #ff9900;
o text-align : center;
o background-image : url(grafik/ani_ball.gif);
o background-position : center;
o background-repeat : no-repeat;
}
* h3 {
o font : bolder 18px verdana, sans-serif;
o color : #ff9900;
o text-align : center;
o border : none;
o margin : 0;
o padding : 0;
}
* p {
o text-align : justify;
o padding : 0;
}
* a, a:link, a:visited {
o color : #ff9900;
o text-decoration : none;
}
* a:hover {
o background-color : #cc0033;
o color : white;
}
* #foot {
o background : #ff9900;
o padding : 0 20px;
o margin : 0;
o border-top : 2px solid black;
o text-align : right;
o font-size : 10px;
}
* #foot table {
o width : 100%;
o text-align : center;
}
* #foot td {
o width : 33%;
}
* #foot a {
o color : white;
o font-weight : bold;
o text-decoration : none;
}
* #foot a:hover {
o color : black;
o background-color : white;
o text-decoration : none;
}

Es ist so, dass empfohlen wird, in einer CSS-Regel immer sowohl Vordergundfarbe (color) als auch Hintergrundfarbe (background-color) zu setzen. Im prinzip ist das eine Zugänglichkeitssache, damit, zum einen der CSS-Autor nicht vergisst überhaupt eine Hintergrundfarbe zu setzen und so sich die Defaultfarbe des Browser und die Textfarbe beissen, und zum einen man immer drauf achtet das Vorder- und Hintergrundfarbe genug Kontrast haben.

Man kann drüber streiten ob das sinnvoll oder überhaupt Aufgabe eines Validators ist.

Ansonsten kann man die Meldungen ignorieren, wenn man denkt die gesetzten Farben sind ok, oder man ergänzt die Regeln entsprechend beispielsweise mit "color: inherit", "background-color: transparent", etc.

Robin

Danke für die schnelle Antwort! Dann werde ich es wohl einfach ignorieren, da alles richtig angezeigt wird....
Tschüss
Uschi