nicht angemeldet
Validierung, Angeblich fehlendes end-tag
0 
Der Martin
0 1 Der Martin
0
0 
Gunnar Bittersmann
0 0 Der Martin
0 0 
Struppi
0
0
Validierung, Angeblich fehlendes end-tag
Moin,
ich brauch dringend Hilfe bei meinem Entwurf und Validierung meiner Site.
Wenn ich meine Site, egal ob Validome oder W3, validieren lasse, zeigt er mir an das angeblich ein schliessendes <ul>-tag unter der Navigation fehlt ect. Ich poste hier meinen Quelltext und die css und hoffe das mir jemand helfen kann und bedanke mich schon mal im Vorraus....
<?xml version='1.0' encoding='utf-8'?>
<!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>
<title>WasWeissIch GmbH & CO KG • Startseite</title>
<meta http-equiv='imagetoolbar' content='no' />
<meta http-equiv='X-UA-Compatible' content='IE=EmulateIE7' />
<link rel='stylesheet' type='text/css' href='css/default.css' />
</head>
<body>
<div id='content_all'>
<div id='header'>
<img class='logo' src='images/logo.jpg' alt='Logo - WasWeissIch.com' />
</div>
<div id='content'>
<h1 class='headline'><a class='top' name='top'>News</a> ohne Ende!</h1>
<div id='menu'>
<ul>
<li><a class='ac' href='index.html'>Startseite</a></li>
<li><a href='index.html'>Produkte</a></li>
<li><a href='index.html'>Ausrichtung</a></li>
<li><a href='index.html'>Angebote</a></li>
<li><a href='index.html'>Controlling</a></li>
<li><a href='index.html'>Referenzen</a></li>
<li><a href='index.html'>Partner</a></li>
<li><a href='index.html'>Support</a></li>
<li><a href='index.html'>MyWasWeissIch</a></li>
<li><a href='index.html'>Kontakt/Disclaimer</a></li>
<li><a href='index.html'>Impressum</a></li>
</ul>
<ul>
<li><div id='bottom' /></div></li>
</ul>
</div>
<h2 class='theme1'>Herzlich Willkommen auf meiner Site</h2>
<div id='txt'>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</div>
<h7 class='theme7'><a class='top' href='#top'>Top</a><h2 class='theme1' style='display:inline !important; float:right; margin:0 5px 0 0;'>Copyright © 2009/2010 Karsten</h2></h7>
<div id='footer'>
</div>
</div>
</body>
</html>
* {
margin:0;
padding:0;
}
html, body {
margin:0;
padding:0;
background:#f5f5f5 url(../images/bg.png);
font-family:tahoma, sans-serif;
font-size:12pt;
}
h1, h2, h3, h4, h5, h6, h7 {
padding:0;
margin:0;
font-weight:lighter;
display:inline;
}
ul, li {
list-style-type:none;
}
ul {
margin:0;
padding:0;
width:204px;
height:auto;
background:#eee url(../images/navbgright.jpg) repeat-y 100% 100%;
float:left;
}
#content_all {
display:block;
width:750px;
height:auto;
border:1px #ccc solid;
position:relative;
margin:0 auto;
padding:0;
text-align:left;
}
#header {
display:block;
width:750px;
height:100px;
background:#ddd;
}
#content {
display:block;
width:750px;
height:100%;
background:#fff url(../images/contenbgright.jpg) repeat-y 100% 100%;
}
#footer {
display:block;
width:748px;
height:100px;
background:#ddd url(../images/face.png) no-repeat 98% 250%;
border:1px solid #ccc;
}
#footer:hover {
display:block;
width:748px;
height:100px;
background:#ddd url(../images/faceho.png) no-repeat 98% 100%;
border:1px solid #ccc;
}
#menu {
float:left;
position:relative;
top:0;
left:0;
display:block;
width:204px;
height:100%;
border:none !important;
}
#bottom {
width:204px;
height:25px;
background:url(../images/bottom.png);
}
#txt {
margin:0 0 0 220px;
display:block;
width:500px;
height:auto;
padding:5px 10px 10px 5px;
}
#issue {
display:block;
width:100%;
height:100px;
background:#ddd;
border-style:solid;
border-top-width:1px;
border-right-width:0;
border-bottom-width:0;
border-left-width:0;
border-color:#ccc;
}
.headline {
font-size:14pt;
display:block !important;
text-indent:5px;
background:#ddd;
color:#778899;
border-style:solid;
border-top-width:1px;
border-right-width:0;
border-bottom-width:1px;
border-left-width:0;
border-color:#ccc;
}
.theme1 {
margin:0 0 0 210px;
font-size:13pt;
display:block !important;
text-indent:5px;
background:#ddd;
color:#fcfcfc;
border-style:solid;
border-top-width:0;
border-right-width:0;
border-bottom-width:1px;
border-left-width:1px;
border-color:#ccc;
}
.theme7 {
margin:0;
font-size:13pt;
display:block !important;
text-indent:5px;
background:#ddd;
color:#fcfcfc;
border-style:solid;
border-top-width:0;
border-right-width:0;
border-bottom-width:1px;
border-left-width:1px;
border-color:#ccc;
}
.logo {
position:relative;
top:30px;
left:570px;
border:0;
outline:none !important;
background:transparent !important;
}
a:link, a:visited {
display:block;
width:185px;
height:18px;
padding:1px 1px 1px 15px;
font-family:tahoma, sans-serif;
font-size:10pt;
color:#000;
outline:none;
text-decoration:none;
background:url(../images/lkbg.png) no-repeat
}
a:hover, a:focus {
display:block;
width:185px;
height:18px;
padding:1px 1px 1px 15px;
font-family:tahoma, sans-serif;
font-size:10pt;
color:#000;
outline:none;
text-decoration:none;
background:url(../images/lkbgho.png) no-repeat;
}
a.ac:link, a.ac:visited, a.ac:hover, a.ac:focus {
display:block;
width:185px;
height:18px;
padding:1px 1px 1px 15px;
font-family:tahoma, sans-serif;
font-size:10pt;
color:#000;
outline:none;
text-decoration:none;
background:url(../images/lkbgho.png) no-repeat;
}
a.top:link, a.top:visited, a.top:hover, a.top:focus {
font-size:14pt;
display:inline;
background:transparent !important;
margin:0;
padding:0;
color:#778899;
}
-
Hallo,
Wenn ich meine Site, egal ob Validome oder W3, validieren lasse, zeigt er mir an das angeblich ein schliessendes <ul>-tag unter der Navigation fehlt ect. Ich poste hier meinen Quelltext und die css
grundsätzlich okay, aber wenn es schon ausdrücklich um Beanstandungen der HTML-Validität geht, ist das Stylesheet erstmal bedeutungslos.
Ein fehlendes </ul> würde ich beim Drüberschauen nicht bemängeln, aber das hier:
<ul>
<li><div id='bottom' /></div></li>
</ul>... kommt mir doch sehr merkwürdig vor! Übrigens nicht nur syntaktisch, sondern auch semantisch.
Ciao,
Martin--
Lieber blau machen, als sich schwarz ärgern.
-
Hallo,
Wenn ich meine Site, egal ob Validome oder W3, validieren lasse, zeigt er mir an das angeblich ein schliessendes <ul>-tag unter der Navigation fehlt ect. Ich poste hier meinen Quelltext und die css
grundsätzlich okay, aber wenn es schon ausdrücklich um Beanstandungen der HTML-Validität geht, ist das Stylesheet erstmal bedeutungslos.
Ein fehlendes </ul> würde ich beim Drüberschauen nicht bemängeln, aber das hier:
<ul>
<li><div id='bottom' /></div></li>
</ul>... kommt mir doch sehr merkwürdig vor! Übrigens nicht nur syntaktisch, sondern auch semantisch.
Ciao,
MartinDarum gehts ja ... wenn ich die Listen-Elemente weglasse zeigt mir der Validierer an:
document type does not allow element "div" here; assuming missing "li" start-tag
-
Hi,
Hallo,
Ciao,
Martinbitte keine nutzlosen Vollzitate! Das ist gedankenlos und wird teilweise als unhöflich empfunden (als störend allemal). Danke.
<ul>
<li><div id='bottom' /></div></li>
</ul>
... kommt mir doch sehr merkwürdig vor! Übrigens nicht nur syntaktisch, sondern auch semantisch.
Darum gehts ja ... wenn ich die Listen-Elemente weglasseDu sollst ja auch keine li-Elemente weglassen - aber du notierst hier zunächst ein div als leeres Element in Kurzschreibweise und schließt dann noch einmal ein div, obwohl gar keins mehr offen ist.
Ciao,
Martin--
You say, it cannot be love if it isn't for ever.
But let me tell you: Sometimes, a single scene can be more to remember than the whole play.
-
@Der Martin
Danke dir - Das mit den "Vollzitaten" wusste ich überhaupt nicht
Wäre Kurzschreibweise nicht
<div id='bottom' />Oder bedeutet
<div id='bottom'></div>das gleiche?
-
Wäre Kurzschreibweise nicht
<div id='bottom' />
> > Oder bedeutet > ~~~html > <div id='bottom'></div> >das gleiche?
Das hängt von der DTD ab ob die Kurzschreibweise erlaubt ist, prinzipiell ist es aber gleichbedeuten. Ich hatte mit der Verwendung von <span> anstatt <span /> (einfach aus XML-Gewohnheit so geschrieben) mit einem Hintergrund ein lustiges Problem - unter IE6 und 7 hatte das eine Wirkung wie dieser Bug - sprich das Hintergrundbild des span-Elements wurde ewig weitergeklont :)
Dein Problem ist aber dass du <div /></div> notierst, was gleichbedeutend zu <div></div></div> ist - das ist nunmal syntaktisch falsch.
-
Dein Problem ist aber dass du <div /></div> notierst, was gleichbedeutend zu <div></div></div> ist - das ist nunmal syntaktisch falsch.
omg .... Danke - Flüchtigkeitsfehler - Ich bin schon seit gestern (20 Uhr)
"unterwegs".
-
-
@@Karsten:
nuqneH
Oder bedeutet
<div id='bottom'></div>
das gleiche?Kommt drauf an, für wen.
In XML sind
<foo/>und<foo></foo>äquivalent.Wird XHTML als XML verarbeitet, dann sind
<div id='bottom'/>und<div id='bottom'></div>äquivalent.Für einen HTML-Parser jedoch nicht! Dieser tritt auch in Aktion, wenn XML als HTML (text/html) verarbeitet wird. Dann wird ein '/' am Ende des Start-Tags ignoriert,
<div id='bottom'/>würde zu<div id='bottom'>.Deshalb in XHTML die Kurzschreibweise bei leeren Elementen verwenden:
<hr/>. Sie kann auch verwendet werden bei solchen Elementen, für die in HTML das End-Tag optional ist. Auf 'div' trifft dies nicht zu; auf 'script' auch nicht.Qapla'
--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
-
-
-
-
-
@@Karsten:
nuqneH
Ich poste hier meinen Quelltext und die css
Poste relevanten Quellcode! Was soll dein Stylesheet denn bitte mit einem Fehler im Markup zu tun haben?
<?xml version='1.0' encoding='utf-8'?>
Warum willst du IE 6 in den Quirksmodus schicken? Lass die überflüssige XML-Deklaration besser weg!
<title>WasWeissIch GmbH & CO KG • Startseite</title>Besser andersrum:
<title>Startseite • WasWeissIch GmbH & CO KG</title><div id='content\_all'>Der Container ist überflüssig. [ZITAT1287]
<li><a class='ac' href='index.html'>Startseite</a></li>Soll die Klasse "ac" für die aktuelle Seite im Menü stehen? Diese sollte aber gar nicht verlinkt sein! (Punkt 10 der zehn meist-missachteten Homepage-Design-Richtlinien [Nielsen])
Also:
<li>Startseite</li>Den Stil für diesen Menüpunkt per '
#menu li' angeben; für die anderen Menüpunkte per '#menu li a'.<li><div id='bottom' /></div></li>Welches 'div' willst du hier noch schließen? Das der Parser dann 'li' und 'ul' nicht richtig schließen mag, sind Folgefehler.
<h7 class='theme7'><a class='top' href='#top'>Top</a><h2 class='theme1' style='display:inline !important; float:right; margin:0 5px 0 0;'>Copyright © 2009/2010 Karsten</h2></h7>'h7' gibt es nicht.
Und was sollen die Inline-Style-Angaben da? Ab ins Stylesheet damit!
Qapla'
--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)-
@Gunnar
Erstmal danke, auch für Ihre durchaus lustige Idee mit dem Wortspiel meines Titel-tags. Nette "Beleidigung."
Poste relevanten Quellcode! Was soll dein Stylesheet denn bitte mit einem Fehler im Markup zu tun haben?
Wie oft habe ich, vielleicht Sie auch, es schon erlebt das mann Hilfe brauchte und die (nicht nur Selfhtml!) Community sich über mangelnde Infos seitens des Bittstellers beschwert haben.
<?xml version='1.0' encoding='utf-8'?>
Warum willst du IE 6 in den Quirksmodus schicken? Lass die überflüssige XML-Deklaration besser weg!
Ich hab die Doctypes hier weg und glaubte das W3 wäre kompetent
http://www.w3.org/QA/2002/04/valid-dtd-list.htmlDen Stil für diesen Menüpunkt per '
#menu li' angeben; für die anderen Menüpunkte per '#menu li a'.<li><div id='bottom' /></div></li>
Welches 'div' willst du hier noch schließen? Das der Parser dann 'li' und 'ul' nicht richtig schließen mag, sind Folgefehler.
Ich habe das Menü mit einem Hintergrundbild belegt das aber nur rechts abdeckt (mit Schatten) unten (id bottom) habe ich dann eine Grafik extra positionieren wollen!?
'h7' gibt es nicht.
Oops hast recht ... Kopfschmerzen ect. -> Schweinegrippe ;)
Und was sollen die Inline-Style-Angaben da? Ab ins Stylesheet damit!
Hab ich normal auch vorgehabt wollte erstmal testen und dann einpflegen!
-
Hi,
Erstmal danke, auch für Ihre durchaus lustige Idee mit dem Wortspiel meines Titel-tags. Nette "Beleidigung."
Beleidigung?? Was ist daran beleidigend?
Es war der gutgemeinte Rat, die wichtige Information voranzustellen, mehr nicht.Poste relevanten Quellcode! Was soll dein Stylesheet denn bitte mit einem Fehler im Markup zu tun haben?
Wie oft habe ich, vielleicht Sie auch, es schon erlebt das mann Hilfe brauchte und die (nicht nur Selfhtml!) Community sich über mangelnde Infos seitens des Bittstellers beschwert haben.Nanu, "Sie"? - Egal: Du sagst selbst, du hast Beanstandungen des HTML-Codes erhalten. Also bitte, was soll der CSS-Code da für eine Rolle spielen? Bei der Beurteilung praktischer Fragen, etwa unerwünschte Effekte in Browsern, sieht das anders aus; ein Browser interpretiert schließlich das Gesamtkunstwerk.
Warum willst du IE 6 in den Quirksmodus schicken? Lass die überflüssige XML-Deklaration besser weg!
Ich hab die Doctypes hier weg und glaubte das W3 wäre kompetent
http://www.w3.org/QA/2002/04/valid-dtd-list.htmlJa, aber die wissen nichts von unfähigen Browsern.
Ciao,
Martin--
Wenn alle das täten, wass sie mich können,
käme ich gar nicht mehr zum Sitzen.
-
@@Der Martin:
nuqneH
Beleidigung?? Was ist daran beleidigend?
Das hab ich auch nicht verstanden.
Es war der gutgemeinte Rat, die wichtige Information voranzustellen, mehr nicht.
S.a. http://www.webkrauts.de/2008/12/17/on-site-suchmaschinenoptimierung/
Ja, aber die wissen nichts von unfähigen Browsern.
Es soll Leute geben, die was von noch unfähigeren Browsern wissen: von solchen, die nur den Quirksmodus kennen.
Es soll sogar Leute geben, die solche Browser im Einsatz haben. ;-)
Qapla'
--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)-
Das hatte ich geschrieben weil es lustig klang:
Startseite - Wasweissich usw.
Dieses title-tag verschwindet natürlich wenn ich mit der Site online gehe.
Ich wollte lediglich das tag ausgefüllt haben.Das war auch keine ernstgemeite Kritik an dich u.ä.
Ich danke euch allen für die Hilfe - Jetzt ist die Site valide!
-
-
-
Erstmal danke, auch für Ihre durchaus lustige Idee mit dem Wortspiel meines Titel-tags. Nette "Beleidigung."
Das verstehe ich nicht - besonders den Teil mit "Beleidigung".
Wie oft habe ich, vielleicht Sie auch, es schon erlebt das mann Hilfe brauchte und die (nicht nur Selfhtml!) Community sich über mangelnde Infos seitens des Bittstellers beschwert haben.
Es ist von relevant nicht redundant die Rede ;)
Ich hab die Doctypes hier weg und glaubte das W3 wäre kompetent
http://www.w3.org/QA/2002/04/valid-dtd-list.htmlDie XML-Deklaration hat mit dem Doctype nichts zu tun. Der W3C-Artikel geht aber davon aus, dass das XHTML-Dokument als application/xhtml+xml oder application/xml ausgeliefert wird - wenn es als text/html ausgeliefert wird, ist sie unnütz wie ein Kropf.
Ich habe das Menü mit einem Hintergrundbild belegt das aber nur rechts abdeckt (mit Schatten) unten (id bottom) habe ich dann eine Grafik extra positionieren wollen!?
Also zwei Hintergrundbilder - eines für das li-Element und ein weiteres für das darinliegende a-Element. Wozu dann 1 1/2 zusätzliche div-Elemente?
'h7' gibt es nicht.
Oops hast recht ... Kopfschmerzen ect. -> Schweinegrippe ;)Interessensfrage: wozu braucht man überhaupt sieben (7) überschriftenebenen? Bei den meisten Seiten habe ich drei Ebenen, ggf. vier - äußerst selten gibts mal eine fünfte - aber sieben :)
Zudem ist ein h2-Element als Kind eines h7-Elements auch äußerst fragwürdig - ebenfalls fehlen h3 bis h6.
Und was sollen die Inline-Style-Angaben da? Ab ins Stylesheet damit!
Hab ich normal auch vorgehabt wollte erstmal testen und dann einpflegen!Testen und dann einpflegen macht im Endeffekt mehr Arbeit als gleich alles in ein externes Stylesheet zu verfrachten (wirklich).
-
Ich hab die Doctypes hier weg und glaubte das W3 wäre kompetent
http://www.w3.org/QA/2002/04/valid-dtd-list.htmlDiese Seite taucht seit neuesten öfters hier auf, lies nochmal das dazu: http://www.w3.org/International/articles/serving-xhtml/#declaration
Struppi.
-
danke werd ich gleich mal lesen.
-
-
Hi,
Wie oft habe ich, vielleicht Sie auch, es schon erlebt das mann Hilfe brauchte und die (nicht nur Selfhtml!) Community sich über mangelnde Infos seitens des Bittstellers beschwert haben.
Daraus den Umkehrschluss zu ziehen, je mehr Information, desto besser, ist selbstverständlich falsch.
MfG ChrisB
--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
-
-
@Gunnar
Soll die Klasse "ac" für die aktuelle Seite im Menü stehen? Diese sollte aber gar nicht verlinkt sein! (Punkt 10 der zehn meist-missachteten Homepage-Design-Richtlinien [Nielsen])
Klasse Buch werd ich mir wohl zu Weihnachten schenken!
Danke
-