misterunknown: max-width und max-height

Beitrag lesen

Moin,
ich habe einen Div, der per CSS die Eigenschaften max-width:150px; und max-height:150px; bekommt.
Innerhalb des Divs werden Bilder angezeigt. Die img-Elemente bekommen die Eigenschaften max-width:100%; und max-height:100%;.

Sind nun die Bilder im Querformat, also width>height, dann wird alles korrekt angezeigt. Im Hochformat allerdings ragen die Bilder unter dem Div heraus, was nicht passieren soll. Woran liegt das? Wie könnte ich es vielleicht auch anders lösen, dass die größte Dimension des Bildes maximal 150px ist?

Fürs Verständnis: Link

Grüße Marco