Daniel: /DESIGN Valider HTML-Code --> Design-Fehldarstellung

Hallo!

Ich bin zur Einsicht gekommen, dass auch ich meine Dokumente in validem HTML verfassen sollte ;-) Deshalb habe ich ein bestehendes Design (das noch im Aufbau ist) genommen und es zuerst in valides HTML Transitional umgewandelt. (Anm.: Die Links zum W3-Validator habe ich trotz FAQ-19 nicht geschafft; sorry!)

http://www.ccc-sg.ch | http://validator.w3.org/check?uri=http://www.ccc-sg.ch

Das war mir dann aber nicht genug... ich versuchste es mit HTML Strict, was zu meiner Überraschung auch recht rasch gelang :-)

http://www.ccc-sg.ch/strict http://validator.w3.org/check?uri=http://www.ccc-sg.ch/strict

Nun zu meinem Problem: Wenn ihr euch die beiden Varianten anseht, erkennt ihr, das bei der "Strict-Variante" der rote Balken auf der linken Seite nicht die ganze Höhe des Browserfensters ausfüllt, was aber so sein muss (und in der Transitional-Variante auch klappt. Leider weiss ich nicht, was ich wo ändern muss, damit es auch Strict klappt. Kann mir jemand helfen?

Besten Dank im Voraus!
Daniel

  1. hi,

    Nun zu meinem Problem: Wenn ihr euch die beiden Varianten anseht, erkennt ihr, das bei der "Strict-Variante" der rote Balken auf der linken Seite nicht die ganze Höhe des Browserfensters ausfüllt, was aber so sein muss (und in der Transitional-Variante auch klappt.

    ich schaue mir die seiten gerade im IE 5 an - und dort geht der rote balken auch in der transitional-variante _nicht_ bis nach unten.

    aber dafür könntest du ja ganz einfach ein entsprechendes hintergrundbild benutzen, nur ein 1px hoch, links positionieren und nach unten kacheln lassen ...

    gruss,
    wahsaga

    1. hi,

      Hallo und danke für die Antwort!

      was aber so sein muss (und in der Transitional-Variante auch klappt.

      ich schaue mir die seiten gerade im IE 5 an - und dort geht der rote balken auch in der transitional-variante _nicht_ bis nach unten.

      schade... ;-) Ich habe IE6.

      aber dafür könntest du ja ganz einfach ein entsprechendes hintergrundbild benutzen, nur ein 1px hoch, links positionieren und nach unten kacheln lassen ...

      Das habe ich eigentlich auch so mit folgender Zeile:

      <td style="background:url(design/bgleft2.gif); background-repeat:repeat;"> </td>

      Ich glaube mittlerweile, das Problem liegt darin, dass die Haupttabelle (die äusserste, direkt im Body) nicht auf 100% Höhe eingestellt wird - aber warum?

      <table style="width:100%; height:100%; border:1px black solid;" cellPadding="0" cellSpacing="0">

      Height ist doch im <table>-Tag erlaubt, oder nicht?

      Gruss,
      Daniel

      1. hi,

        aber dafür könntest du ja ganz einfach ein entsprechendes hintergrundbild benutzen, nur ein 1px hoch, links positionieren und nach unten kacheln lassen ...

        Das habe ich eigentlich auch so mit folgender Zeile:

        <td style="background:url(design/bgleft2.gif); background-repeat:repeat;"> </td>

        ich meinte eher als hintergrundbild für den body.

        Height ist doch im <table>-Tag erlaubt, oder nicht?

        nein, war es noch nie. und du kannst ziemlich sicher davon ausgehen, dass es jetzt auchnicht mehr in den HTML-standard aufgenommen wird, immerhin gibt es inzwischen CSS :-)

        gruss,
        wahsaga

        1. Hi

          ich meinte eher als hintergrundbild für den body.

          Dankeschön, das wars! :-)

          Height ist doch im <table>-Tag erlaubt, oder nicht?

          nein, war es noch nie. und du kannst ziemlich sicher davon ausgehen, dass es jetzt auchnicht mehr in den HTML-standard aufgenommen wird, immerhin gibt es inzwischen CSS :-)

          Sorry, habe mich falsch ausgedrückt: Natürlich hatte ich es im Style-Attribut via CSS definiert!

          Gruss,
          Daniel

          1. Hi,

            Height ist doch im <table>-Tag erlaubt, oder nicht?

            Als Attribut nicht, als CSS-Eigenschaft schon.

            Die prozentuale Höhenangabe bezieht sich auf die Höhe des Eltern-Elements.
            Wenn dies keine explizite Höhenangabe hat, gilt "auto" - so hoch wie nötig. 100% von "so hoch wie nötig" ist "so hoch wie nötig".
            Gib allen Eltern-/Großeltern-/Urgroß-Eltern-/...-Elementen bis hin zum HTML-Element eine Höhe von 100%.

            cu,
            Andreas

            --
            MudGuard? Siehe http://www.mud-guard.de/
      2. Hallo.

        Ich habe IE6.

        Ich habe Schnupfen ;-)
        MfG, at