[Gauwuzl]

Liebe Community,

hoffe es kann mir jemand helfen. Habe für einen Freund eine News-Blogsite erstellt. Sie ist auch responsive. Leider wird das Bild in der Mitte den Artikels verzerrt angezeigt. Was ist hier nicht in Ordnung? Kann den Fehler nicht finden (im Web ist die Ansicht des Bildes ok).

Danke für die Hilfe im Voraus und LG

[Thielo]

Weil das Bild eine fix definierte Höhe hat. Höhe müsste über height: auto; fest definiert werden.

[MrMurphy]

Hallo,

beim ersten Bild hast du (zum Glück, aber veraltet) für die Höhe und Breite HTML-Attribute ohne Einheit verwendet. Das ist nebenbei schlechter Stil und sollte vermieden werden.

Diese Angaben werden in der style.css durch die CSS-Angaben "max-width: 100%" und "height: auto" überschrieben. Deshalb kann sich das Bild ohne Verzerrungen anpassen.

Beim zweiten Bild hast du die Höhe und Breite per Inline-CSS (auch das sollte vermieden werden) mit der Einheit px vorgegeben. Als Folge wird das "height: auto" der style.css überschrieben. Die Höhe des Bildes ist deshalb starr vorgegeben und es verzerrt, sobald die Breite verringert wird.

Gruss

MrMurphy

[Gauwuzl]

Vielen Dank für eure Hilfe... Ich glaub, jetzt hab ichs...
LG
Michael