var: Bild ragt aus Container 100% Breit, 400px hoch

Beitrag lesen

Hallo Gerd

Du hast für den container ja schon die Vorgaben umgesetzt, nämlich width: 100%; und height: 400px;

Wenn du willst, dass das img den container immer komplett ausfüllt, musst du schreiben img { width: 100%; height: 100%; }

height: auto; passt in diesem Fall nur die Höhe an die Breite des Bildes an, nicht aber das Bild an die Höhe des containers.

height: 100%; bestimmt, dass das element 100% der Höhe des Elternelementes einnimmt, in diesem Fall also der container.

Gruß

var