Onkel Schnitzel: Bei falschem Bildformat mittigen Bildausschnitt anzeigen

Beitrag lesen

Hallo,

Wie ist es mit CSS möglich, dass bei zu hohen Bildern nicht das ganze Foto 'gequetscht' wird, sondern nur ein 180x120px großer Ausschnitt aus der Mitte des Bildes zu sehen ist?

mit der CSS-Eigenschaft 'background-size' geht das sehr schön, 'contain' dürfte da dein Wert der Wahl sein. Mit dem img-Tag wird das sicherlich etwas schwieriger umzusetzen sein. Eventuell könnte man statt <img> das <figure>-Element nutzen und diesem das Bild als background zuweisen. Ob das semantisch korrekt ist, ist sicherlich eine andere Frage, einigen hier wird das sicherlich nicht gefallen :-)

Gruß

Onkel Schnitzel