CSS, ich und ein Problem
Redaktionelle Einordnung
Diese archivierte Diskussion behandelt CSS, ich und ein Problem aus Sicht der Rubrik HTML5 & CSS.
Die Diskussion bleibt als Archiv nutzbar. Für die aktuelle Bewertung empfehlen sich ergänzend neuere Artikel, Tools oder eine konkrete Analyse.
Sinnvoll nutzbar bleibt der Thread vor allem als historischer Kontext, für typische Fragestellungen und zur Einordnung älterer Empfehlungen.
Startbeitrag
Archivierter Thread aus dem Seitenreport-Forum.
Hallo alle miteinander,
nachdem ich heute schon meine Weihnachtskarten geschrieben habe bin ich nun am pflegen meiner WebSeite. Ich nutze dazu MS Expression Web 2 - und ein vorgefertigtes Template. Seit einigen Tagen habe ich nun einen Fehler im CSS-Code, wobei ich sicher bin, dass ich da nichts geändert habe.
Ich habe inzwischen herumexperimentiert und gelesen, aber ohne Erfolg - der Fehler bleibt. Entweder ich bin zu doof dazu oder ich sitze irgendwie auf der Leitung.
Die CSS-Validierung meldet bei mir:
12 #container Ungültige Nummer : background Einlese-Fehler [empty string]
Aber im Codeteil sieht alles gut aus - auch die Refernzdatei bkgd_tile.gif ist im Folder vorhanden, lesbar und hat einen Inhalt.
#container {
width: 670px;
margin: 0 auto;
background: url("../__images/bkgd_tile.gif") top;
background-repeat: repeat-y;
}
Hätte jemand einen Tipp für mich ... so als vorgezogenes Weihnachtsgeschenk
Danke vorab - und einen angenehmen Sonntag-Nachmittag!
Grüße Ralph
Antworten
3 BeiträgeHallo Ralph
Versuche es mal mit div#container
So wie du das geschrieben hast müssten alle Elemente die in dem Element das diese id hat enthalten sind so formatiert werden!
Gruß
Jörg
rdombach schrieb:
Entweder ich bin zu doof dazu oder ich sitze irgendwie auf der Leitung.
Weder - noch. Es liegt am Validator - wir hatten das Problem hier vor ein paar Tagen schon einmal.
rdombach schrieb:
Die CSS-Validierung meldet bei mir:
12 #container Ungültige Nummer : background Einlese-Fehler [empty string]
Nach meiner Meinung hat der Validator Probleme mit der "shorthand property" "background". Background steht ja für mehrere Eigenschaften: \'background-color\', \'background-image\', \'background-repeat\', \'background-attachment\' und \'background-position\'. Eigentlich sollte deren Reihenfolge egal sein - das sieht der Validator aber anders und gibt dann die oben genannte Fehlermeldung aus. Die einfachste Lösung: Nimm statt "background" die einzelnen Eigenschaften jede für sich. Das sieht dann so aus:
#container {
width: 670px;
margin: 0 auto;
background-image: url("../__images/bkgd_tile.gif");
background-position: top;
background-repeat: repeat-y;
}
und der Validator ist zufrieden.
Gérard
Hallo Gérard,
GENIALER TIPP - damit klappt\'s - VIELEN DANK!
Da wäre ich nie draufgekommen - denn irgendwie war für mich so was wie der W3C-Validator makellos und fehlerfrei (bisher jedenfalls). Das dort auch mal was schief gehen kann, da hätte ich nie daran gedacht, sondern den Fehler immer bei mir gesucht.
Nun ja, wieder was gelernt!
Danke nochmals und einen erfreulichen Sonntagnachmittag für Dich!
Beste Grüße Ralph