doni: Randabstand will nicht + Validierungs-Fehler

SELF-Forum

Randabstand will nicht + Validierungs-Fehler

doni Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo zusammen,

das Problemkind ist die folgende Seite:
http://lightbox.telltec.ch/demo/index.php?gallery=OM-Schiff%20in%20Genua

Und zwar seht ihr sicher den footer (#footer) unten, der durch eine 1px #666 dotted linie abgetrennt ist.
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.

Auf der Startseite (Album-Auswahl) funktioniert das übrigens wie gewollt:
http://lightbox.telltec.ch/demo/

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:

-------

Target: http://lightbox.telltec.ch/demo/index.php?gallery=OM-Schiff%20in%20Genua

Please, validate your XML document first!

Line 26

Column 66

Element type "a" must be followed by either attribute specifications, ">" or "/>".

-------

Nun, das XHTML-Dokument kommt aber ohne Fehler durch den Validierungstest:
http://validator.w3.org/check?uri=http%3A%2F%2Flightbox.telltec.ch%2Fdemo%2Findex.php%3Fgallery%3DOM-Schiff%2520in%2520Genua

Die Fehlermeldung bei der CSS-Validierung:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Flightbox.telltec.ch%2Fdemo%2Findex.php%3Fgallery%3DOM-Schiff%2520in%2520Genua

Vielleicht kann mir auch hier jemand von euch helfen!

Danke vielmals
doni

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Randabstand will nicht + Validierungs-Fehler

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    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:
    Target: http://lightbox.telltec.ch/demo/index.php?gallery=OM-Schiff%20in%20Genua

    Dein Dokument enthält kein CSS (nur eine Einbindung von CSS, aber kein einziges style-Attribut oder style-Element).
    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 ...

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    Schreinerei Waechter
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Vertraue nicht dem W3C Validator

    molily
    +3 Informationen zu den Bewertungsregeln

    Hallo,

    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:

    Nun, das XHTML-Dokument kommt aber ohne Fehler durch den Validierungstest:
    http://validator.w3.org/check?uri=http%3A%2F%2Flightbox.telltec.ch%2Fdemo%2Findex.php%3Fgallery%3DOM-Schiff%2520in%2520Genua

    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 bekannter Fehler.

    Fragen Sie jemanden, der sich damit auskennt, nämlich den XHTML Schema Validator.

    <a href="show.php?album=OM-Schiff in Genua&amp;picture=img-5.jpg"class="portrait">
                                                                    ^^^
    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.

    Mathias

    Beitrag melden
    +3
    Informationen zu den Bewertungsregeln

  3. Randabstand will nicht + Validierungs-Fehler

    molily
    +2 Informationen zu den Bewertungsregeln

    das Problemkind ist die folgende Seite:
    http://lightbox.telltec.ch/demo/index.php?gallery=OM-Schiff in Genua

    Und zwar seht ihr sicher den footer (#footer) unten, der durch eine 1px #666 dotted linie abgetrennt ist.
    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.

    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 http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#float-einschliessen. overflow:auto; funktioniert hier zum Beispiel.

    Mathias

    Beitrag melden
    +2
    Informationen zu den Bewertungsregeln

    1. Randabstand will nicht + Validierungs-Fehler

      doni
      – Informationen zu den Bewertungsregeln

      Dem sag ich mal 'ne aufschlussreiche Antwort! Vielen Dank, das float-Problem hatte ich schon öfters, aber nie eine Lösung dafür! Genial!

      Gruss aaron

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln