✔ Bilder an DIV anpassen und Seitenverhältnis beibehalten?

[SCIPIO-AEMILIANUS]

Ich wollt wissen, ob es mit CSS möglich ist, dass sich ein Bild mit dem jeweiligen Seitenverhältnis in ein Quadratischen DIV einpassen kann. Zb:
Ich hab nen Bild mit Seitenverhältnis von 2 zu 1 und nen DIV mit 100*100px, sodass das Bild sich automatisch auf 100*50px zusammenschrumpft, oder wenn ich ein Bild mit 1 zu 2 hab, dass es sich auf 50*100px zusammenschrumpft.

 

[Maik]

Hi,

das lässt sich mit relativen Angaben umsetzen:

.box {
width:100px;
height:100px;
border:1px solid red;
}
.box img {
display:block;
}
.box img.sv_2-1 {
width:100%;
height:50%;
}
.box img.sv_1-2 {
width:50%;
height:100%;
}

mfg Maik

 

[SCIPIO-AEMILIANUS]

Vielen Dank, hab zwar gedacht, dass es mit weniger Code geht, aber so gehts ja auch.