<img> in <div> zentrieren?

[DaRolla]

hi,

wie kann ich ein image in einem div zentrieren?

also so:

<div>
<img />
</div>

background-position: center klappt nicht.
vertical-align: center klappt auch nicht.

und: das img als background vom div zu nehmen klappt in diesem fall nicht, da ich nicht wissen kann wie gross das image wird (kann z.b. auch 1024x768 sein, das div ist aber 200x200, und das image soll proportional skaliert werden)

gruß
darolla

 

[Dark D.]

IMG.indermitte {
position: relative;
top: 50%; left: 50%;

margin: -50% auto auto -50%;
}

 

[Durek]

mach es so...

<div style="width:200px;height:200px;text-align:center;">
<img src="deinbild.gif" alt="" width="200">
</div>

durch die Angabe von nur einem Wert in der Breite oder Höhe, wird der andere Wert proportional ergänzt.

auch, wenn der Wert text-align sich danach anhört, dass der Text auch zentriert wird, macht das eig. der Browser falsch. text-align:center; ist normalerweise nur für die Elemente, wie Grafiken.