tag:forum.selfhtml.org,2005:/self Randabstand will nicht + Validierungs-Fehler – SELFHTML-Forum 2006-02-20T08:21:13Z https://forum.selfhtml.org/self/2006/feb/19/randabstand-will-nicht-validierungs-fehler/934685#m934685 doni public.aaron@gmail.com http://lightbox.telltec.ch/demo/?gallery=OM-Schiff%20in%20Genua 2006-02-19T12:20:11Z 2006-02-19T12:20:11Z Randabstand will nicht + Validierungs-Fehler <p>Hallo zusammen,</p> <p>das Problemkind ist die folgende Seite:<br> http://lightbox.telltec.ch/demo/index.php?gallery=OM-Schiff%20in%20Genua</p> <p>Und zwar seht ihr sicher den footer (#footer) unten, der durch eine 1px #666 dotted linie abgetrennt ist.<br> Nun möchte ich gerne, dass er nach oben 15px Abstand zu den Photos hat, was ich aber nicht hinbringe. Habe jetzt alles versucht, was mir in den Sinn gekommen ist, ich hoffe ihr habt die zündende Idee.</p> <p>Auf der Startseite (Album-Auswahl) funktioniert das übrigens wie gewollt:<br> http://lightbox.telltec.ch/demo/</p> <p>Das andere Problem ist das Validieren des CSS-Dokuments. Da wird eine Fehlermeldung ausgegeben, die ich nicht ganz verstehe und/oder den Fehler nicht finde:</p> <p>-------</p> <p>Target: http://lightbox.telltec.ch/demo/index.php?gallery=OM-Schiff%20in%20Genua</p> <p>Please, validate your XML document first!</p> <p>Line 26</p> <p>Column 66</p> <p>Element type "a" must be followed by either attribute specifications, ">" or "/>".</p> <p>-------</p> <p>Nun, das XHTML-Dokument kommt aber ohne Fehler durch den Validierungstest:<br> http://validator.w3.org/check?uri=http%3A%2F%2Flightbox.telltec.ch%2Fdemo%2Findex.php%3Fgallery%3DOM-Schiff%2520in%2520Genua</p> <p>Die Fehlermeldung bei der CSS-Validierung:<br> http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Flightbox.telltec.ch%2Fdemo%2Findex.php%3Fgallery%3DOM-Schiff%2520in%2520Genua</p> <p>Vielleicht kann mir auch hier jemand von euch helfen!</p> <p>Danke vielmals<br> doni</p> https://forum.selfhtml.org/self/2006/feb/19/randabstand-will-nicht-validierungs-fehler/934689#m934689 MudGuard http://www.andreas-waechter.de/ 2006-02-19T12:43:11Z 2006-02-19T12:43:11Z Randabstand will nicht + Validierungs-Fehler <p>Hi,</p> <blockquote> <p>Das andere Problem ist das Validieren des CSS-Dokuments. Da wird eine Fehlermeldung ausgegeben, die ich nicht ganz verstehe und/oder den Fehler nicht finde:<br> Target: http://lightbox.telltec.ch/demo/index.php?gallery=OM-Schiff%20in%20Genua</p> </blockquote> <p>Dein Dokument enthält kein CSS (nur eine Einbindung von CSS, aber kein einziges style-Attribut oder style-Element).<br> Wenn der Validator also Probleme mit dem Dokument hat (mit XML hat er manchmal Probleme), wäre es doch wohl naheliegend, direkt das CSS validieren zu lassen ...</p> <p>cu,<br> Andreas</p> <div class="signature">-- <br> <a href="http://www.Mud-Guard.de/" rel="nofollow noopener noreferrer">Warum nennt sich Andreas hier MudGuard?</a><br> <a href="http://www.schreinerei-waechter.de/" rel="nofollow noopener noreferrer">Schreinerei Waechter</a><br> Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.<br> </div> https://forum.selfhtml.org/self/2006/feb/19/randabstand-will-nicht-validierungs-fehler/934688#m934688 molily molily@gmx.de 2006-02-19T13:37:44Z 2006-02-19T13:37:44Z Vertraue nicht dem W3C Validator <p>Hallo,</p> <blockquote> <p>Das andere Problem ist das Validieren des CSS-Dokuments. Da wird eine Fehlermeldung ausgegeben, die ich nicht ganz verstehe und/oder den Fehler nicht finde:</p> </blockquote> <blockquote> <p>Nun, das XHTML-Dokument kommt aber ohne Fehler durch den Validierungstest:<br> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Flightbox.telltec.ch%2Fdemo%2Findex.php%3Fgallery%3DOM-Schiff%2520in%2520Genua" rel="nofollow noopener noreferrer">http://validator.w3.org/check?uri=http%3A%2F%2Flightbox.telltec.ch%2Fdemo%2Findex.php%3Fgallery%3DOM-Schiff%2520in%2520Genua</a></p> </blockquote> <p>Der W3C Markup Validator lügt! Er verwendet nicht einmal einen XML-Parser (und DTD-Validierung ist für XHTML unpassend). Das Markup ist fehlerhaft, aber der W3C-Validator versteht das nicht. Das ist ein <a href="http://www.websitedev.de/markup/validator/tests/" rel="nofollow noopener noreferrer">bekannter Fehler</a>.</p> <p><a href="http://schneegans.de/sv/?url=http%3A%2F%2Flightbox.telltec.ch%2Fdemo%2Findex.php%3Fgallery%3DOM-Schiff%2520in%2520Genua&schema=%28Detect+automatically%29&encoding=%28Detect+automatically%29&useragent=&accept=&htmlcomp=on" rel="nofollow noopener noreferrer">Fragen Sie jemanden, der sich damit auskennt</a>, nämlich den <a href="http://schneegans.de/sv/" rel="nofollow noopener noreferrer">XHTML Schema Validator</a>.</p> <p><a href="show.php?album=OM-Schiff in Genua&amp;picture=img-5.jpg"class="portrait"><br>                                                                 ^^^<br> Da fehlt ein Leerzeichen zwischen den Attributen. Das ist wohl in SGML/HTML erlaubt - der W3C Validator verwendet einen aufgebohrten SGML-Parser -, aber in XML/XHTML nicht.</p> <p>Mathias</p> https://forum.selfhtml.org/self/2006/feb/19/randabstand-will-nicht-validierungs-fehler/934686#m934686 molily molily@gmx.de 2006-02-19T13:53:04Z 2006-02-19T13:53:04Z Randabstand will nicht + Validierungs-Fehler <blockquote> <p>das Problemkind ist die folgende Seite:<br> <a href="http://lightbox.telltec.ch/demo/index.php?gallery=OM-Schiff%20in%20Genua" rel="nofollow noopener noreferrer">http://lightbox.telltec.ch/demo/index.php?gallery=OM-Schiff in Genua</a></p> <p>Und zwar seht ihr sicher den footer (#footer) unten, der durch eine 1px #666 dotted linie abgetrennt ist.<br> Nun möchte ich gerne, dass er nach oben 15px Abstand zu den Photos hat, was ich aber nicht hinbringe. Habe jetzt alles versucht, was mir in den Sinn gekommen ist, ich hoffe ihr habt die zündende Idee.</p> </blockquote> <p>margin-top von #footer bezieht sich auf die vorige Block-Box, die *nicht* aus dem Elementfluss genommen ist. Das ist konkret #pictures. Schau dir mal dessen Dimensionen an, indem du ihm border:1px solid red gibst. Es hat keine Höhe, da alle Kindelemente float:left haben. margin-top von #footer wirkt zwar, aber zwischen #footer und #pictures sind sowieso mehr als 15px Abstand. Damit margin-top überhaupt eine merkliche Auswirkung hat, müsstest du vielleicht margin-top:1000px angeben. Was du aber willst: margin-top soll sich auf die letzte Zeile der floatenden a-Elemente beziehen. Das kannst du z.B. erreichen, indem du dafür sorgst, dass die float-Boxen eingeschlossen werden und #pictures also alle floatenden a-Elemente wirklich umspannt. Siehe dazu etwa <a href="http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#float-einschliessen" rel="nofollow noopener noreferrer">http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#float-einschliessen</a>. overflow:auto; funktioniert hier zum Beispiel.</p> <p>Mathias</p> https://forum.selfhtml.org/self/2006/feb/19/randabstand-will-nicht-validierungs-fehler/934687#m934687 doni public.aaron@gmail.com 2006-02-20T08:21:13Z 2006-02-20T08:21:13Z Randabstand will nicht + Validierungs-Fehler <p>Dem sag ich mal 'ne aufschlussreiche Antwort! Vielen Dank, das float-Problem hatte ich schon öfters, aber nie eine Lösung dafür! Genial!</p> <p>Gruss aaron</p>