✔ Problem mit dem CSS-Validator

Status
Nicht offen für weitere Antworten.
H

hpvw

Erfahrenes Mitglied
Folgende html-Testseite habe ich durch die Validatoren des w3c geschickt.
Es ist valides XHTML. Juhu fürs erste.
Aber der CSS-Validator fliegt mir schon in Zeile 0 beim DOCTYPE um die Ohren, kann mir da mal einer einen Tipp geben, wie ich das beseitigen kann?
Ich hätte nämlich auch gerne valides CSS, kann es aber nicht richtig prüfen.
HTML: 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Test von Formularen</title>
        <style type="text/css" media="all">
        <!--
            body {margin:0px; padding:0px; background-color:#fff; color:#000;}
            form {margin:0px; padding:0px;}
            div.verticalSection {
                display:block;
                border-width:0px 0px 1px 0px;
                border-color:#000;
                border-style:solid;
                padding:10px;
                margin:0px;
            }
            div.formHolder {display:block; margin:0px; padding:0px;}
            input.buttonIcon {
                    border-width:1px;
                    border-style:solid;
                    border-color:#000;
                    height:22px;
                    font-family:Arial, sans-serif;
                    font-weight:bold;
                    font-size:12px;
                    background-color:#fff;
                    background-repeat:no-repeat;
                    background-position:2px middle;
                    padding-left:20px;
                    margin:0px;
                    cursor:pointer;
                    color:#000;
            }
            input.buttonIconActive {
                    border-width:1px;
                    border-style:solid;
                    border-color:#000;
                    height:22px;
                    font-family:Arial, sans-serif;
                    font-weight:bold;
                    font-size:12px;
                    background-color:#def;
                    background-repeat:no-repeat;
                    background-position:2px middle;
                    padding-left:20px;
                    margin:0px;
                    cursor:pointer;
                    color:#000;
            }
        -->
        </style>
    </head>
    <body>
        <div class="verticalSection">
            <form id="testFormular" action="./gibtsnicht.php" method="get">
                <div class="formHolder">
                    <input name="mainAction" class="buttonIcon"
                        style="background-image:url('./document.new.gif');"
                        type="submit" value="Neues Projekt" />
                    <input name="mainAction" class="buttonIcon"
                        style="background-image:url('./document.open.gif');"
                        type="submit" value="Projekt w&auml;hlen " />
                    <input name="mainAction" class="buttonIconActive"
                        style="background-image:url('./chart.tree.gif');"
                        type="submit" value="Verwaltung" />
                </div>
            </form>
        </div>
    </body>
</html>
Er gibt aus:
Code: 
Zeile: 0
Parse error - Unrecognized : <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test von Formularen</title> <style type="text/css" media="all"> <!-- body {margin:0px; padding:0px; background-color:#fff; color:#000;}

Das passiert mir übrigends bei allen Seiten, die ich erstelle.
Die sind ja auch immer ähnlich aufgebaut ;)
Die html-Auskommentierung im style-Bereich habe ich auch schon weggelassen, ergibt aber dasselbe Ergebnis.
Vielen Dank hpvw
 
Zuletzt bearbeitet:
Der CSS-Code allein scheint fehlerlos zu sein.
Die oben erwähnte Fehlermeldung erscheint bei mir nur, wenn ich den gesamten Quellcode an den Validator schicke.
 
Ja richtig, so ist es bei mir auch.
Aber, wenn ich fremde Seiten zum Validator schicke, die ähnlich aufgebaut sind, kommt diese Fehlermeldung nicht.
Ich habe die Tags (DOCTYPE und style) ja auch von anderen Seiten übernommen, aber trotzdem klappt es nicht, ich bin echt verwirrt.
 
Wie schickst du denn die Daten an den Validator? Gibst du den Quellcode in das Formular ein, schickst du die entsprechende Datei mit, oder gibst du eine entsprechende Quelle an?

Wenn du ersteres gemachst hast, ist es auch kein Wunder, dass eine Fehlermeldung angezeigt wird, da bloß der CSS-Code verschickt werden sollte.
Probier doch auch mal die anderen Varianten aus.
 
Ich schickte die Datei bisher zum Validator (Link beim Validator: per Upload).
Tatsächlich, per URI gehts. Dann muss ich das ganze wohl immer auf einen Webserver kopieren.
Das Schicken funktioniert übrigends weder mit dem IE, noch mit Firefox, noch mit Netscape 7.1.
Dann gehe ich mal davon aus, dass ein Fehler im Validator per Upload ist, oder haben andere das Problem nicht?
Wenn ich jetzt eine fremde Seite, z.B. http://www.heise.de nehme und den Quelltext speichere (mit dem IE direkt Speichern verändert ja das Dokument) und dieses per Upload validiere, erhalte ich denselben Fehler. Mit der URI gehts wieder.
Das verschärft meine Wut, die ich zur Zeit auf das w3c habe noch ein bisschen.
Danke für den Tipp, mit sowas hätte ich nicht gerechnet.
 
heise online ist nicht gerade ein gutes Beispiel, da nicht einmal der HTML-Code valide ist.


Wenn du den Firefox benutzt, kannst du dir auch die Web Developer Erweiterung installieren, mit der die Validation von lokalen Dokumenten auf Knopfdruck möglich ist.
 
Wenn du den Firefox benutzt, kannst du dir auch die Web Developer Erweiterung installieren, mit der die Validation von lokalen Dokumenten auf Knopfdruck möglich ist.
Zum Vergrößern anklicken....
Das Ding ist der Wahnsinn. Danke für den Tipp. So werde ich in Zukunft meine Seiten prüfen.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück