✔ Bilder im DIV verkleinern

[chuvak]

Ich habe ein relativ großes Bild in einem DIV. Das DIV soll sich dynamisch der Größe des Seite (in Prozent) anpassen, genauso soll sich auch das Bild darin verhalten. Das Bild geht einfach über das DIV hinaus.
Wie kann ich das erreichen?

#div1
{
   left: 10%;
   right: 30%;
   height: 400px;
}

<div id="div1">
<img src="bild.jpg">
</div>

 

[Maik]

Hi,

mit relativen Dimensionsangaben verhält sich das Grafikelement im <div>-Block wie gewünscht:

#div1 img {
    width:100%;
    height:100%;
}

Übrigens bleiben die Positionsangaben left:10% und right:30% ohne die Angabe zur Positionsart position:absolute wirkungslos.

mfg Maik