ottogal: Validator mag width="100%" bei <img> nicht

Hallo in die Runde,

der Validator https://html5.validator.nu/ meldet:

Error: Bad value 100% for attribute width on element img: Expected a digit but saw % instead.

Warum bemängelt er dies?

  1. Hallo ottogal,

    der Validator https://html5.validator.nu/ meldet:

    Error: Bad value 100% for attribute width on element img: Expected a digit but saw % instead. Warum bemängelt er dies?

    Weil bei HTML5 du die Breite von Bildern nicht in Prozent, sondern nur in (CSS-)Pixeln angeben kannst. Das ist bei uns im Wiki leider falsch sehe ich gerade, mal korrigieren…

    LG,
    CK

    1. Hallo Christian,

      Das ist bei uns im Wiki leider falsch sehe ich gerade, mal korrigieren…

      In der Referenz war es allerdings korrekt :-)

      Gruß
      Julius

      --
      „Unterschätze niemals die Datenübertragungsrate eines mit Bändern vollgeladenen Kombis, der über die Autobahn rast.“
      Andrew S. Tanenbaum (Quelle)
    2. Hab extra im Wiki nachgeschaut... Ok, in der Referenz stets richtig.

      1. Hallo ottogal,

        Hab extra im Wiki nachgeschaut... Ok, in der Referenz stets richtig.

        Da muss ich vehement wiedersprechen:
        Ja, in der Referenz steht es richtig, aber stets richtig ist die Referenz deshalb noch lange nicht ;-)

        Gruß
        Julius

        --
        „Unterschätze niemals die Datenübertragungsrate eines mit Bändern vollgeladenen Kombis, der über die Autobahn rast.“
        Andrew S. Tanenbaum (Quelle)
  2. Hallo ottogal,

    Warum bemängelt er dies?

    Weil es so definiert ist, du kannst nur Angaben in Pixel machen.

    Gruß
    Julius

    --
    „Unterschätze niemals die Datenübertragungsrate eines mit Bändern vollgeladenen Kombis, der über die Autobahn rast.“
    Andrew S. Tanenbaum (Quelle)
  3. Hallo

    der Validator https://html5.validator.nu/ meldet:

    Error: Bad value 100% for attribute width on element img: Expected a digit but saw % instead. Warum bemängelt er dies?

    Weil es in HTML5, gegen das du prüfst, invalide ist.

    Tschö, Auge

    --
    Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.
    Toller Dampf voraus von Terry Pratchett
  4. Der Firefox stört sich nicht daran und skaliert das Bild entsprechend, wenn beim Verkleinern des Viewports auch dessen Elternelement schrumpft. Damit habe ich das gewünschte responsive Verhalten.

    Wie erreicht man das denn in HTML5 auf korrekte Weise?

    1. Hallo

      Der Firefox stört sich nicht daran und skaliert das Bild entsprechend, wenn beim Verkleinern des Viewports auch dessen Elternelement schrumpft. Damit habe ich das gewünschte responsive Verhalten.

      Fehlerkorrektur, in HTML < 5 gibt es das ja und das muss er darstellen können.

      Wie erreicht man das denn in HTML5 auf korrekte Weise?

      Verzeih mir die Schnippischkeit, aber hast du schon einmal von CSS gehört? Breiten und Höhen angeben geht seit CSS1 und das stammt aus dem letzten Jahrtausend.

      Tschö, Auge

      --
      Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.
      Toller Dampf voraus von Terry Pratchett
      1. Verziehen... Bin kein Neuling in CSS, klar dass es damit kein Problem ist.

        P.S. Kleine Schnippischkeit retour: Ich frug "in HTML5" ;-))

        1. Hallo

          Verziehen... Bin kein Neuling in CSS, klar dass es damit kein Problem ist.

          P.S. Kleine Schnippischkeit retour: Ich frug "in HTML5" ;-))

          Dann: Garnicht [1]. Dazu gibt es ja CSS.

          Tschö, Auge

          --
          Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.
          Toller Dampf voraus von Terry Pratchett

          1. Auch wenn das nicht zusammengeschrieben wird. ↩︎