[Schmitty]

Hallo zusammen!

Ich habe einen Container (DIV) mit einer festen Höhe über die gesamte Browserbreite, also width 100%. In diesem befindet sich ein Bild (Querformat, kein Hintergrundbild), welches sich immer über die gesamte Breite erstrecken soll. Allerdings soll dieses auch immer den gesamten Container ausfüllen, aber nicht gestaucht werden, wenn das DIV kleiner wird.

Ich hoffe, ich hab das halbwegs verständlich erklärt. Leider klappt das nicht so, wie ich mir das vorstellen. Habt Ihr eine Idee? Danke!

[Morgo]

Sowas in die Richtung: https://codepen.io/anon/pen/ZKqRBP

Allerdings würde ich eher empfehlen, ein Hintergrundbild zu setzen und auf background-size: cover zu stellen, das ist der gleiche Effekt.

[hadouken]

Das stimmt nicht.
background-size: cover staucht das Bild.
Das Äquivalent dafür wäre object-fit: cover, benötigt aber einen Polyfill für alle IEs.

Aber der TE möchte ja nicht, dass gestaucht wird. Da ist deine Lösung viel passender, finde ich.