spinnt der CSS Validator?

[automatix]

Hallo Forum!

Entweder spinnt der Validator oder... keine Ahnung. Also, ich kriege folgende lustige Meldung:

Ergebnisse des W3C CSS-Validator mit Objekt: file://localhost/test_01.css

Damit Ihr CSS-Stylesheet wie gewünscht funktioniert, benötigen Sie einen korrekten Parsebaum des Dokuments. Das bedeutet, daß Sie validiertes HTML verwenden sollten.
Warnungen:
Ihr validiertes Cascading Style Sheet:

    * * {
          o padding : 0;
          o margin : 0;
          o border : 0;
      }
    * html, body {
          o height : 100%;
          o font : 12px "Trebuchet MS", Verdana, Arial, sans-serif;
          o text-align : center;
          o background : #ffffff;
          o color : #000000;
      }
    * #header {
          o padding-left : 20px;
          o height : 110px;
          o font-size : 20px;
          o text-transform : uppercase;
          o line-height : 60px;
          o background : #cc0000;
          o color : #ffffff;
      }
    * p {
          o margin : 0;
          o padding : 1em 0;
          o line-height : 1.5em;
      }
    * #box {
          o width : 700px;
          o margin : 0 auto;
          o text-align : left;
          o position : relative;
          o min-height : 100%;
          o height : auto !important;
          o height : 100%;
          o background : #dddddd;
          o color : #ffffff;
      }
    * #inhalt {
          o padding : 0 2em 60px;
          o background : #00cc00;
          o color : #ffffff;
      }
    * #footer {
          o width : 100%;
          o position : absolute;
          o bottom : 0;
          o height : 20px;
          o line-height : 20px;
          o text-align : center;
          o background : #0000cc;
          o color : #ffffff;
      }

1. Nach ein paar kleinen Änderungen an meinem CSS (nicht HTML!!!) verschwindet die Meldung. Dann erscheinen andere Fehlermeldungen bezüblich meines CSS-Codes, aber da hat der Validator schon Recht. Das heiß also -- an der HTML-Datei wird es wohl nicht liegen.

2. Die HTML-Datei, die ich verwende ist absolut valid! Das bestätigt auch der Validator selber.

Kann mir denn jemand erklären, warum der blöde Validator mir nicht einfach schreibt "Junge, Du bist gut, Dein Code ist beispielhaft"?

Danke.

P.S. Im Attachment die beiden Dateien.

[Nightflyer]

Du musst schon sagen wo der Validator nen Fehler findet

[automatix]

Zitat von Nightflyer

Du musst schon sagen wo der Validator nen Fehler findet

Das ist es ja -- er zeigt gar keine an, sondern schick mich erst die HTML-Datei chscken (die valide HTML-Datei) und zeigt anschließend das angeblich valide CSS. Dieses CSS hab ich schon versucht eins zu eins zu übernehmen (ohne Listenzeichen). Das Ergebnis ist dasgleiche.

[Nightflyer]

Diese Validators sind auch nur Menschen, äh, Programme. Das schönste Beispiel bietet sich wenn du per JS völlig fehlerhaftes HTML in deine Seite einbindest und der Validator trotzdem nicht meckert weil er das einfach ned schnallt.

Ich an deiner Stelle würde mir keine Sorgen machen...

[snake*sl]

Das Problem liegt hier:

        height : auto !important;/* moderne Browser */
	height : 100%; /* IE */

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.
Warnings
URI : file://C:\Dokumente und Einstellungen\Stefan\Desktop\test_01.css

    * Line : 35 (Level : 2) Redefinition of height : #box

Nimmt man ein height raus kommt das:

No error or warning found

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.

Die Meldung bzgl. des Dokumenten-Baums interpretiere ich als allg. Hinweis,
also nicht dran stören! CSS schicke ich nie durch den Validator ...

[automatix]

Ich habe die Datei korregiert. Mehr sogar -- ich habe die vom Validator vorgeschlagene Variante 1:1 übernommen. Und trotzdem schimpft er... Im Foldenden (1) mein validiertes HTML, (2) mein CSS, (3) die Meldung, dass das HTML valid ist, und (4) die Hysterie des Validators ohne Fehlermeldungen, Warnungen, dafür mit einem Code-Vorschlag, den er dann selber ablehnt.

1. HTML

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<link rel="stylesheet" type="text/css" href="test_01.css" />
<title>WMP Standards Projekt - starres, zweispaltiges Layout mit 100 Prozent H&ouml;he</title>
</head>

<body>

<div id="box">

  <div id="header">Header</div>
  <div id="inhalt">

<!--|
    <h2>Die deutsche Sprache</h2>
    <p>All each tun! Gundherzl ich engl&uuml;ck. Wunsch siege "h&ouml;r enzu" denwen. Igenau ser  		w&auml;hl, Tendie heraus. Gef und enha, Bendass diesk eing ew&ouml;hn, li cherbl Indtex tist. Sie * sin dof fens ichtl ichje mandders ich nich: tso-lei chtand Ernas ehe, Rumf&uuml;h Ren. L&auml;sst ei nerder mi tal Lenwas sern gew asch: Enis tein alt, er Hase sozu sag. Enund sieha Benwie der ei Nmal Denricht igenrie Cher ge? Habtdenntats &auml;chl ichverb. Irgt si chin (dies Enbel anglo) sersch einend enz. Eilen einebotsch, aftei, negehei, menach richtdiesichnur. Dengew it ztes tenunt, erdenbet racht ern, Bein&auml; he remhin seh en. Ersch liesst: Manmuss scho neinziem li cher trott elsei. Nund nix Gesch ei tes. Mitsei nemle benanzu "fang", en wis senumb lind? Tex tezu le sen.</p>
    <p>All each tun! Gundherzl ich engl&uuml;ck. Wunsch siege "h&ouml;r enzu" denwen. Igenau ser  		w&auml;hl, Tendie heraus. Gef und enha, Bendass diesk eing ew&ouml;hn, li cherbl Indtex tist. Sie * sin dof fens ichtl ichje mandders ich nich: tso-lei chtand Ernas ehe, Rumf&uuml;h Ren. L&auml;sst ei nerder mi tal Lenwas sern gew asch: Enis tein alt, er Hase sozu sag. Enund sieha Benwie der ei Nmal Denricht igenrie Cher ge? Habtdenntats &auml;chl ichverb. Irgt si chin (dies Enbel anglo) sersch einend enz. Eilen einebotsch, aftei, negehei, menach richtdiesichnur. Dengew it ztes tenunt, erdenbet racht ern, Bein&auml; he remhin seh en. Ersch liesst: Manmuss scho neinziem li cher trott elsei. Nund nix Gesch ei tes. Mitsei nemle benanzu "fang", en wis senumb lind? Tex tezu le sen.</p>
    <p>All each tun! Gundherzl ich engl&uuml;ck. Wunsch siege "h&ouml;r enzu" denwen. Igenau ser  		w&auml;hl, Tendie heraus. Gef und enha, Bendass diesk eing ew&ouml;hn, li cherbl Indtex tist. Sie * sin dof fens ichtl ichje mandders ich nich: tso-lei chtand Ernas ehe, Rumf&uuml;h Ren. L&auml;sst ei nerder mi tal Lenwas sern gew asch: Enis tein alt, er Hase sozu sag. Enund sieha Benwie der ei Nmal Denricht igenrie Cher ge? Habtdenntats &auml;chl ichverb. Irgt si chin (dies Enbel anglo) sersch einend enz. Eilen einebotsch, aftei, negehei, menach richtdiesichnur. Dengew it ztes tenunt, erdenbet racht ern, Bein&auml; he remhin seh en. Ersch liesst: Manmuss scho neinziem li cher trott elsei. Nund nix Gesch ei tes. Mitsei nemle benanzu "fang", en wis senumb lind? Tex tezu le sen.</p>
    <p>All each tun! Gundherzl ich engl&uuml;ck. Wunsch siege "h&ouml;r enzu" denwen. Igenau ser  		w&auml;hl, Tendie heraus. Gef und enha, Bendass diesk eing ew&ouml;hn, li cherbl Indtex tist. Sie * sin dof fens ichtl ichje mandders ich nich: tso-lei chtand Ernas ehe, Rumf&uuml;h Ren. L&auml;sst ei nerder mi tal Lenwas sern gew asch: Enis tein alt, er Hase sozu sag. Enund sieha Benwie der ei Nmal Denricht igenrie Cher ge? Habtdenntats &auml;chl ichverb. Irgt si chin (dies Enbel anglo) sersch einend enz. Eilen einebotsch, aftei, negehei, menach richtdiesichnur. Dengew it ztes tenunt, erdenbet racht ern, Bein&auml; he remhin seh en. Ersch liesst: Manmuss scho neinziem li cher trott elsei. Nund nix Gesch ei tes. Mitsei nemle benanzu "fang", en wis senumb lind? Tex tezu le sen.</p>
    <p>All each tun! Gundherzl ich engl&uuml;ck. Wunsch siege "h&ouml;r enzu" denwen. Igenau ser  		w&auml;hl, Tendie heraus. Gef und enha, Bendass diesk eing ew&ouml;hn, li cherbl Indtex tist. Sie * sin dof fens ichtl ichje mandders ich nich: tso-lei chtand Ernas ehe, Rumf&uuml;h Ren. L&auml;sst ei nerder mi tal Lenwas sern gew asch: Enis tein alt, er Hase sozu sag. Enund sieha Benwie der ei Nmal Denricht igenrie Cher ge? Habtdenntats &auml;chl ichverb. Irgt si chin (dies Enbel anglo) sersch einend enz. Eilen einebotsch, aftei, negehei, menach richtdiesichnur. Dengew it ztes tenunt, erdenbet racht ern, Bein&auml; he remhin seh en. Ersch liesst: Manmuss scho neinziem li cher trott elsei. Nund nix Gesch ei tes. Mitsei nemle benanzu "fang", en wis senumb lind? Tex tezu le sen.</p>
-->

  </div>
  <p id="footer">Footer</p>

</div>

</body>
</html>

2. CSS

* {
	padding : 0;
	margin : 0;
	border : 0;
}
html, body {
	height : 100%;
	font : 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align : center;
	background : #ffffff;
	color : #000000;
}
#box {
	margin : 0 auto;
	text-align : left;
	position : relative;
	min-height : 100%;
	height : auto !important;
	height : 100%;
	background : #dddddd;
	color : #ffffff;
	border : 9px double #FF9900;
}
#header {
	padding : 0;
	font-size : 20px;
	text-transform : uppercase;
	line-height : 60px;
	background : #cc0000;
	color : #ffffff;
}
#footer {
	width : 100%;
	position : absolute;
	bottom : 0;
	height : 20px;
	line-height : 20px;
	text-align : center;
	color : #ffffff;
	background : #0000cc;
}
#inhalt {
	height : 100%;
	padding : 0;
	background : #00cc00;
	color : #ffffff;
}
p {
	margin : 0;
	padding : 0;
	line-height : 1.5em;
	background : #CCCCFF;
	color : #ffffff;
}

3. HTML-Validierungsergebnis (Ausschnitt)

Result:  	 Passed validation
File:	test_01.html
Encoding:	iso-8859-1
Doctype:	XHTML 1.0 Strict
Root Namespace: 	http://www.w3.org/1999/xhtml

Note: The Validator XML support has some limitations.
This Page Is Valid XHTML 1.0 Strict!

4. CSS-Validierungsergebnis

Ergebnisse des W3C CSS-Validator mit Objekt: file://localhost/test_01.css

Damit Ihr CSS-Stylesheet wie gewünscht funktioniert, benötigen Sie einen korrekten Parsebaum des Dokuments. Das bedeutet, daß Sie validiertes HTML verwenden sollten.
Warnungen:
Ihr validiertes Cascading Style Sheet:

    * * {
          o padding : 0;
          o margin : 0;
          o border : 0;
      }
    * html, body {
          o height : 100%;
          o font : 12px "Trebuchet MS", Verdana, Arial, sans-serif;
          o text-align : center;
          o background : #ffffff;
          o color : #000000;
      }
    * #box {
          o margin : 0 auto;
          o text-align : left;
          o position : relative;
          o min-height : 100%;
          o height : auto !important;
          o height : 100%;
          o background : #dddddd;
          o color : #ffffff;
          o border : 9px double #ff9900;
      }
    * #header {
          o padding : 0;
          o font-size : 20px;
          o text-transform : uppercase;
          o line-height : 60px;
          o background : #cc0000;
          o color : #ffffff;
      }
    * #footer {
          o width : 100%;
          o position : absolute;
          o bottom : 0;
          o height : 20px;
          o line-height : 20px;
          o text-align : center;
          o color : #ffffff;
          o background : #0000cc;
      }
    * #inhalt {
          o height : 100%;
          o padding : 0;
          o background : #00cc00;
          o color : #ffffff;
      }
    * p {
          o margin : 0;
          o padding : 0;
          o line-height : 1.5em;
          o background : #ccccff;
          o color : #ffffff;
      }

Ja, noch was -- "die Meldung bzgl. des Dokumenten-Baums" würde ich nicht gleich "als allg. Hinweis", und damit ohne Bedeutung, verstehen -- es gibt nämlich Seiten, die der Validator nicht darauf hinweist (z.B. csszengarden.com).

Also, Ideen, was das alles soll?

[Dreadhead23]

In #box definierst du die höhe 3 mal.
Einmal müsste doch reichen, oder?
height: 100% !important;

[bishop]

Zitat von Dreadhead23

In #box definierst du die höhe 3 mal.
Einmal müsste doch reichen, oder?
height: 100% !important;

Wieso 3x ? Das !important weist darauf hin, dass es nur von neueren Browsern gelesen wird, alle anderen interpretieren die zweite Angabe. min-height ist nicht height, sondern definiert für Browser, die es verstehen, dass es das entsprechende Element nicht kleiner sein darf. In dem Falle mag dies evtl. nicht direkt ins Auge fallen aber man kann z.B. definieren width: 100%; min-width: 400px; … somit skaliert sich das Objekt auf die max. zur Verfügung stehende Weite, wenn man aber den Viewport verkleinert, skaliert das Objekt nur solange, bis 400px erreicht wurden.

[automatix]

Ja, und selbst wenn's an der height läge -- wo sind denn die entsprechenden Fehlermeldungen? WO??? Das Problem ist ja, dass der Validator die Validität des Codes weder bestätigt noch ablehnt...

[pilzebub]

nimm mal testweise dein text aus dem html-code und schicks dann nochmal durch den validator.

hatte mal ein ähnliches problem und es lag an irgendwelchen nicht formatierten umlauten im title oder alt text in einem Formular.


gr.

[Nightflyer]

Zitat von automatix

es gibt nämlich Seiten, die der Validator nicht darauf hinweist (z.B. csszengarden.com).

Falsch, gibst du den CSS-Code in das Textfeld ein erscheint auch da der Hinweis. Nur wenn das CSS per URL geladen wird ist alles ok. Ich nehme jetzt einfach mal an das der Hinweis IMMER angezeigt wird...

[bishop]

http://www.zeldman.com/daily/0204b.shtml

Liest sich irgendwie, wie das hier beschriebene Problem. Ergo, wtf w3c? Die ändern einfach mal die Validierungsoptionen und setzen so zig tausend Sites “fehlerhaft”.