Bild im div zentrieren [3]

ziel
- zentrierte positionierung <img> in <div>


grundlage
<div> => text-align:center; ect.
<img> => vertical-align:middle; ect.


annahme
- <img> horizontal zentriert => abstand links & rechts!


idee / lösung

<div><span>&nbsp;</span><img><span>&nbsp;</span></div>

- im span die line-height css-hardverdrahtet definieren (z.b. per php dynamisch ect) / rest (font-size) per .css
- align immer noch center und durch die line height auch vertical middle
- line-height in der .ccs auf 100% zu setzen wäre der dynamische knaller funzt aber leider nicht
- VORSICHT nur in einem span den "style=line-height:;" einfliesen lassen, sonst wird addiert!!!


- ok
mac (os x 10.2.8) => safari / firefox / netscape
pc (w2000) => ie / firefox

- nö
mac => ie 5.5

- - -
info@raster-pixel.de

IMG.displayed {
display: block;
margin-left: auto;
margin-right: auto }

Das ist keine verticale Zentrierung, nur eine horizontale. Bei IE auch nur, wenn das übergeordnete Element text-align:center hat, obwohl das eigentlich ja nur für inline-Elemente gilt.