CSS 2.1 nicht valide - Google Webfonts
 

Hallo Leute,

ich habe meine neu eingestellte Seite auf CSS-Validität geprüft und habe leider 7 Fehler rausbekommen. 3 davon beziehen sich auf CSS 3 Befehle. Hier gleich meine erste Frage: Ist es irgendwie möglich diese CSS 3Fehler zu "umgehen". Finde das nicht schön, wenn mein mein CSS nicht valide ist. Möchte aber die Befehle gerne drin lassen. Dass sie nicht allen Browsern funktionieren ist mir klar.

Die anderen 4 Fehler beziehen sich auf die von Google Webfonts eingebundene Schrift. Ich kann ja nichts dafür, dass Google Webfonts Fehler einbaut. Krieg ich das irgendwie weg?

Hier die Fehler als Bild:

http://img52.imageshack.us/img52/5395/nichtvalide.jpg

Uploaded with ImageShack.us

im Validator unter "weitere Optionen" auf css3 umstellen.

Danke, bleiben trotzdem noch die 3 CSS3 Befehle, die als Fehler angezeigt werden :?:

http://img10.imageshack.us/img10/2602/nichtvalide2.jpg

Uploaded with ImageShack.us

in den Optionen Vendor Extensions: Warnings wählen

hier werden einige Dinge erklärt:
CSS Validator User Manual
nach dem validieren bekommst du einen Link
dort findest du die Punkte aus dem Manual wieder

-moz und -webkit sind browserspezifische Eigenschaften, die der Validator nicht erkennt. Das sind Vorabimplementierungen der Browser Hersteller, da CSS 3 (dazu gehört auch box-shadow) offiziell als Working Draf (Entwurf) geführt wird.

siehe http://reference.sitepoint.com/css/vendorspecific

Und zum Thema Web Fonts API, diese benutzt im Hintergrund das CSS Fonts Module Level 3 - @font-face, welches ebenfalls CSS 3 Working Draft ist.

Ah, jetzt bleibt noch 1 Fehler.

Code:

div#slide {
box-shadow: 0px 8px 6px -6px #555;
}


Fehler:

Einlese-Fehler [empty string]


Vielen Dank für deine Geduld.

Diese Eigenschaft hat nur vier Parameter, keine fünf, wie bei dir angegeben.

Box-shadow, one of CSS3′s best new features - CSS3 . Info

Ohne Online Beispiel kann man hier nichts verstehen, aber schaue mal hier, ob das für dich einsetzbar ist:

Schönes neues CSS: box-shadow

Da muss ich dich leider korrigieren.
Für box-shadow kann man bis zu 5 Angaben machen, jedoch sind nur 3 Pflicht.

Die ersten beiden Angaben stehen für horizontale und vertikale Verschiebung und sind Pflicht. Dann kommen zwei optionale Angaben: Einmal für den Grad der Weichzeichnung und einmal für die Ausbreitung des Schattens (bei mir -6px, da der Schatten dünner wird). Die letzte Angabe ist für die Farbe.

Zum nachlesen:
CSS Box Shadow | CSS-Tricks

Ein Online-Beispiel meiner Seite würde hier nicht weiterhelfen, da alles richtig dargestellt wird. Das Problem ist nur der Validator. Und sowohl den Code der beim Validator als Fehler ausgegeben wird als auch den Fehler der angezeigt wird, habe ich angegeben. Was benötigst du noch?

Viele Grüße

Eigentlich dein komplettes CSS file, da der "einlese-fehler" eventuell damit zu haben könnte, dass deine CSS Anweisungen nicht ordnungsgemäß abgeschlossen sind.

Beispiel:
Siehe fehlendes Semikolon oder Doppelpunkt oder abschließendes Semikolon, beziehungsweise falsche Maßeinheiten.