tag:forum.selfhtml.org,2005:/selfValidator mag width="100%" bei <img> nicht – SELFHTML-Forum2017-03-14T12:09:33Zhttps://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689948#m1689948ottogal2017-03-14T11:21:30Z2017-03-14T11:21:30ZValidator mag width="100%" bei <img> nicht<p>Hallo in die Runde,</p>
<p>der Validator <a href="https://html5.validator.nu/" rel="nofollow noopener noreferrer">https://html5.validator.nu/</a> meldet:</p>
<blockquote>
<p>Error: Bad value 100% for attribute width on element img: Expected a digit but saw % instead.</p>
</blockquote>
<p>Warum bemängelt er dies?</p>
https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689949#m1689949Christian Krusehttps://wwwtech.de/about2017-03-14T11:25:59Z2017-03-14T11:25:59ZValidator mag width="100%" bei <img> nicht<p>Hallo ottogal,</p>
<blockquote>
<p>der Validator <a href="https://html5.validator.nu/" rel="nofollow noopener noreferrer">https://html5.validator.nu/</a> meldet:</p>
<blockquote>
<p>Error: Bad value 100% for attribute width on element img: Expected a digit but saw % instead.
Warum bemängelt er dies?</p>
</blockquote>
</blockquote>
<p><a href="https://developer.mozilla.org/de/docs/Web/HTML/Element/img#attr-width" rel="nofollow noopener noreferrer">Weil bei HTML5 du die Breite von Bildern nicht in Prozent, sondern nur in (CSS-)Pixeln angeben kannst.</a> Das ist bei uns im Wiki leider falsch sehe ich gerade, mal korrigieren…</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689950#m1689950Julius2017-03-14T11:26:02Z2017-03-14T11:26:02ZValidator mag width="100%" bei <img> nicht<p>Hallo ottogal,</p>
<blockquote>
<p>Warum bemängelt er dies?</p>
</blockquote>
<p>Weil es <a href="http://wiki.selfhtml.org/wiki/Referenz:HTML/Attribute/width" rel="nofollow noopener noreferrer">so definiert ist</a>, du kannst nur Angaben in Pixel machen.</p>
<p>Gruß<br>
Julius</p>
<div class="signature">-- <br>
„Unterschätze niemals die Datenübertragungsrate eines mit Bändern vollgeladenen Kombis, der über die Autobahn rast.“<br>
– <a href="https://de.wikipedia.org/wiki/Andrew_S._Tanenbaum" rel="nofollow noopener noreferrer">Andrew S. Tanenbaum</a> (<a href="https://de.wikipedia.org/wiki/Turnschuhnetzwerk" rel="nofollow noopener noreferrer">Quelle</a>)
</div>
https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689951#m1689951Auge2017-03-14T11:26:59Z2017-03-14T11:26:59ZValidator mag width="100%" bei <img> nicht<p>Hallo</p>
<blockquote>
<p>der Validator <a href="https://html5.validator.nu/" rel="nofollow noopener noreferrer">https://html5.validator.nu/</a> meldet:</p>
<blockquote>
<p>Error: Bad value 100% for attribute width on element img: Expected a digit but saw % instead.
Warum bemängelt er dies?</p>
</blockquote>
</blockquote>
<p>Weil es in HTML5, gegen das du prüfst, <a href="https://wiki.selfhtml.org/wiki/Referenz:HTML/Attribute/width" rel="nofollow noopener noreferrer">invalide</a> ist.</p>
<p>Tschö, Auge</p>
<div class="signature">-- <br>
Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.<br>
Toller Dampf voraus von Terry Pratchett
</div>
https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689957#m1689957ottogal2017-03-14T11:53:44Z2017-03-14T11:53:44ZValidator mag width="100%" bei <img> nicht<p>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.</p>
<p>Wie erreicht man das denn in HTML5 auf korrekte Weise?</p>
https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689953#m1689953Julius2017-03-14T11:37:31Z2017-03-14T11:37:31ZValidator mag width="100%" bei <img> nicht<p>Hallo Christian,</p>
<blockquote>
<p>Das ist bei uns im Wiki leider falsch sehe ich gerade, mal korrigieren…</p>
</blockquote>
<p>In der <a href="http://wiki.selfhtml.org/wiki/Referenz:HTML/Attribute/width" rel="nofollow noopener noreferrer">Referenz</a> war es allerdings korrekt :-)</p>
<p>Gruß<br>
Julius</p>
<div class="signature">-- <br>
„Unterschätze niemals die Datenübertragungsrate eines mit Bändern vollgeladenen Kombis, der über die Autobahn rast.“<br>
– <a href="https://de.wikipedia.org/wiki/Andrew_S._Tanenbaum" rel="nofollow noopener noreferrer">Andrew S. Tanenbaum</a> (<a href="https://de.wikipedia.org/wiki/Turnschuhnetzwerk" rel="nofollow noopener noreferrer">Quelle</a>)
</div>
https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689954#m1689954ottogal2017-03-14T11:48:20Z2017-03-14T11:48:20ZValidator mag width="100%" bei <img> nicht<p>Hab extra im Wiki nachgeschaut... Ok, in der Referenz stets richtig.</p>
https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689960#m1689960Julius2017-03-14T12:05:03Z2017-03-14T12:05:03ZValidator mag width="100%" bei <img> nicht<p>Hallo ottogal,</p>
<blockquote>
<p>Hab extra im Wiki nachgeschaut... Ok, in der Referenz stets richtig.</p>
</blockquote>
<p>Da muss ich vehement wiedersprechen:<br>
Ja, in der Referenz steht es richtig, aber stets richtig ist die Referenz deshalb noch lange nicht ;-)</p>
<p>Gruß<br>
Julius</p>
<div class="signature">-- <br>
„Unterschätze niemals die Datenübertragungsrate eines mit Bändern vollgeladenen Kombis, der über die Autobahn rast.“<br>
– <a href="https://de.wikipedia.org/wiki/Andrew_S._Tanenbaum" rel="nofollow noopener noreferrer">Andrew S. Tanenbaum</a> (<a href="https://de.wikipedia.org/wiki/Turnschuhnetzwerk" rel="nofollow noopener noreferrer">Quelle</a>)
</div>
https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689958#m1689958Auge2017-03-14T11:57:26Z2017-03-14T11:57:26ZValidator mag width="100%" bei <img> nicht<p>Hallo</p>
<blockquote>
<p>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.</p>
</blockquote>
<p>Fehlerkorrektur, in HTML < 5 gibt es das ja und das muss er darstellen können.</p>
<blockquote>
<p>Wie erreicht man das denn in HTML5 auf korrekte Weise?</p>
</blockquote>
<p>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.</p>
<p>Tschö, Auge</p>
<div class="signature">-- <br>
Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.<br>
Toller Dampf voraus von Terry Pratchett
</div>
https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689961#m1689961ottogal2017-03-14T12:06:25Z2017-03-14T12:06:25ZValidator mag width="100%" bei <img> nicht<p>Verziehen... Bin kein Neuling in CSS, klar dass es damit kein Problem ist.</p>
<p>P.S. Kleine Schnippischkeit retour: Ich frug "in HTML5" ;-))</p>
https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689962#m1689962Auge2017-03-14T12:09:33Z2017-03-14T12:09:33ZValidator mag width="100%" bei <img> nicht<p>Hallo</p>
<blockquote>
<p>Verziehen... Bin kein Neuling in CSS, klar dass es damit kein Problem ist.</p>
<p>P.S. Kleine Schnippischkeit retour: Ich frug "in HTML5" ;-))</p>
</blockquote>
<p>Dann: Garnicht <sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>. Dazu gibt es ja CSS.</p>
<p>Tschö, Auge</p>
<div class="signature">-- <br>
Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.<br>
Toller Dampf voraus von Terry Pratchett
</div>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>Auch wenn das nicht zusammengeschrieben wird. <a href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>