Wie verhält sich ein Bild in einem div?

[Bennyaa]

Hallo,

ich habe ich einer html ein div.
Darin ist ein img Tag.
Das Bild ist 500x500 Pixel.
Wenn ich das div auf 400x400 Pixel einstelle, wird das Bild angepasst.

mein Bild was 300x500 ist, wird nicht angepasst und schaut 100pixel unten aus dem div raus.
Warum das? Wird nur bei „zu breit“ angepasst und nicht bei „zu Hoch“?

 

[ohmsl]

Dem Bild musst du die Anpassung auch mitgeben.
https://de.w3docs.com/snippets/css/...t-css-fur-ein-ansprechendes-webdesign-an.html

 

[Amaoto]

Wird nur bei „zu breit“ angepasst und nicht bei „zu Hoch“?

Eigentlich weder noch. Du musst irgendwo noch eine Eigenschaft haben, die vererbt wird.
Das Verhalten kannst du mit overflow steuern: https://css-tricks.com/almanac/properties/o/overflow/

 

[Bennyaa]

Dem Bild musst du die Anpassung auch mitgeben.
https://de.w3docs.com/snippets/css/...t-css-fur-ein-ansprechendes-webdesign-an.html

OK, aber warum wird ein Bild verkleinert, wenn es von der Breite nicht in eine div passt, aber von der höhe her ist es egal und wird nicht automatisch skaliert?

 

[imRa]

Also so langsam reicht es echt mit dir. Für jeden kleinen Mist, der dir über den Weg läuft, eröffnest du ein neues Thema. Hock dich endlich hin und lern die verdammten Grundlagen (bzw. benutz endlich eine Suchmaschine) und hör auf zu spammen!