CSS Validator Warnungen und ein Fehler

Hallo Leute,

habe da mal ne frage. habe ne css datei mit folgendem inhalt:
body {
background : #dcdec7;
color : #a0a0a0;
font : 14px/1.5 Arial, Verdana, sans-serif;
text-align : center;
}

#background {
margin : auto;
width : 750px;
border : 2px solid white;
text-align : left;
background : #ffffff;
}
#logo {
width : 750px;
height : 120px;
color : #a0a0a0;
background : #550000;
text-align : center;
border-bottom : 5px solid #dddfca;
}
#kopf_drucken {
color : #000000;
background : #ffffff;
display : none;
}
#logo img {
margin-top : 18px;
}
#logo p {
font-size : 14px;
font-family : Arial, Verdana, Sans-Serif;
margin-top : -8px;
}
#picture {
width : 750px;
height : 300px;
background : url(‚img/bild1.jpg‘);
}
#menu {
width : 200px;
height : 370px;
margin : 0;
padding : 0;
background : #a0a0a0;
border-right : 5px solid #dddfca;
float : left;
}
#menu ul.postnav, ul.postnav li {
margin : 5px;
padding-top : 0;
padding-left : 2px;
list-style-type : none;
}
#menu ul.postnav li {
float : left;
width : 14em;
padding-left : 2px;
}
#menu ul.postnav a {
display : block;
width : 14em;
padding : 10px 0;
font : bold 12px Arial, Vedana, sans-serif;
text-transform : uppercase;
background : #a0a0a0;
color : #550000;
text-decoration : none;
text-align : left;
}
#menu ul.postnav a:hover {
background : #550000;
color : #a0a0a0;
}
#menu li.activelink a {
background : #550000;
color : #a0a0a0;
cursor : default;
}
#border {
width : 750px;
height : 50px;
background : #a0a0a0;
border-top : 5px solid #dddfca;
border-bottom : 5px solid #dddfca;
}
#box {
margin-top : 90px;
margin-left : auto;
margin-right : auto;
text-align : center;
font : 14px Arial, Verdana, sans-serif;
}
#box p {
font : 18px Arial, Verdana, Sans-Serif;
}
#box p.gross {
font : 22px Arial, Verdana, Sans-Serif;
}
#content {
width : 545px;
background : #ffffff;
height : 350px;
padding-top : 10px;
padding-bottom : 10px;
float : right;
overflow : auto;
}
#footer {
width : 750px;
clear : both;
color : #a0a0a0;
text-align : right;
background : #550000;
text-decoration : none;
text-transform : uppercase;
height : 50px;
border-top : 5px solid #dddfca;
}

#footer p{
text-align:right;
padding-right:10px;
padding-top:10px;
}

#footer a{
text-decoration:none;
color:#a0a0a0;
}

#footer a.activelink {
color : #550000;
background : #a0a0a0;
text-decoration : underline;
}
#footer a:hover {
color : #550000;
background : #a0a0a0;
text-decoration : underline;
}
#content li {
color : #000000;
font-family : Arial, Verdana;
font-size : 14px;
}
#content p, table {
font-family : Arial, Verdana;
font-size : 14px;
color : #000000;
padding-left : 10px;
}
#content a {
color : #000000;
text-decoration : none;
font : 14px arial, verdana, sans-serif;
}
#content a:hover {
color : #000000;
text-decoration : underline;
font : 14px arial, verdana, sans-serif;
text-align : right;
}
#content input, #content textarea {
background-color : #a0a0a0;
font-family : Arial, Verdana, sans-serif;
font-size : 12px;
color : #000000;
border-style : none;
margin-top : 2px;
margin-bottom : 2px;
padding : 2px;
margin-right : 5px;
}
#w3checkhtml {
position : absolute;
top : 5px;
right : 5px;
}
#w3checkcss {
position : absolute;
top : 50px;
right : 5px;
}
*html #content {
width:510px}

jetzt hab ich es durch den:
css-validator von http://jigsaw.w3.org/css-validator/ kontrollieren lassen.

jetzt kommt folgender fehler:
187 * Einlese-Fehler - *html #content { width:510px}

dieser fehler ist klar, muss es aber so machen, damit der ie-fehler bereinigt ist. :smile: kann man das übergehen, damit diese fehlermeldung nicht mehr auftritt, ohne den befehl *html #content { width:510px} zu löschen?

und folgende warnungen:
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #content textarea und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #menu ul.postnav a und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #content textarea und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #border und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #footer a:hover und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #footer a.activelink und #footer a
130 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #menu und #footer a

jedoch hat #footer a garnichts mit #menu zu tun…usw.

vorrab vielen dank für eure hilfe.

grüße,
sebastian

Teilantwort
Hallo.

Warum Rauchen so viele Programmierer trotz der Warnungen auf den Zigarettenschachteln?
Programmierer ignorieren Warnungen!

Die Warnungen solltest Du umgehen können, wenn Du stets color und background-color zusammen angibst (auch wenn die color bsp. stets #a3a3a3; ist). Dann hat Dich der Validator wieder lieb.

Welchen Bug willst Du denn mit

\*html# content

beheben? Das habe ich in einer CSS-Datei noch nie gesehen, aber man lernt ja täglich hinzu.

Schöne Grüße

Leo

jedoch hat #footer a garnichts mit #menu zu tun…usw.

Ob das wirklich so ist, lässt sich ohne Quelltext leider nicht sagen. Daher kann dir auch keiner schreiben, wo der Fehler liegt.

Gruß Marcus

Hallo.

Warum Rauchen so viele Programmierer trotz der Warnungen auf
den Zigarettenschachteln?
Programmierer ignorieren Warnungen!

Also muss ich wohl damit leben… :smile:

Die Warnungen solltest Du umgehen können, wenn Du stets color
und background-color zusammen angibst (auch wenn die color
bsp. stets #a3a3a3; ist). Dann hat Dich der Validator wieder
lieb.

hab sie jetzt beseitigt, danke für deine antwort. jetzt hab ich nur noch den fehler mit dem *html.

Welchen Bug willst Du denn mit

*html# content

beheben? Das habe ich in einer CSS-Datei noch nie gesehen,
aber man lernt ja täglich hinzu.

also der bug tritt bei dem box-modell auf. siehe http://de.selfhtml.org
„Tan-Hack“ (auch „Modified Simplified Box Model Hack“ genannt.

Grüße, Sebastian

Moin.

Du hast das Leerzeichen nach dem Sternchen vergessen:

\* html #content {

Schönes Wochenende

Leo

Hallo Leo!

Du hast das Leerzeichen nach dem Sternchen vergessen:

*
html #content {

lol…stimmt…danke…für deine argus-augen. hast mir das WE versüsst! :smile:

hab jetzt 0 fehler und 0 warnungen.

schönes WE.

grüße,
Sebastian

Halb-OT: CSS-Validator-Warnungen
Hallo,

ich bin ja bei Programmiersprachen ein großer Fan davon, alle möglichen Warnungen anzuschalten, aber die Warnungen des CSS-Validators ignoriere ich immer.

Grund ist, dass das CSS unabhängig vom verwendeten (x)html validiert wird, und daher Wissen über die Struktur der Seite verworfen wird.

Wenn man probiert ein CSS zu schreiben, das unabhängig von verschiedenen HTML-Dateien funktionieren soll ist das vielleicht sinnvoll, aber das ist im Allgemeinen nicht mein Anwendungsfalls.

Grüße,
Moritz