Hallo,

suche eine einfache Möglichkeit, einen ganzen Berg von Bildern innerhalb meines zentralen CSS horizontal zentriert auszurichten:

Ein Teil des CSS:

img {
border: 2px;
}

Und die Bilder sind so verankert:
<p>text</p>
<p><img src="Bild.GIF"></p>

Der "Text" soll so bleiben, das Bild bitte zentrieren. Ich weiss, dass das mittels <p align="center> geht, mir wäre es aber günstiger irgendwas im img-Bereich des CSS zu bewerkstelligen. Dort geht allerdings align: center; nicht, oder eben ich vertippe mich

Wenn möglich, eine schlanke Variante! Oder eben den Standard...

War kurz hier:

http://www.w3.org/Style/Examples/007/center.html#block

img {
display: block;
margin-left: auto;
margin-right: auto:
}

Nun diese Lösung scheint in Netscape und Firefox zu funktionieren, aber in IE und Opera nicht...

Die Demo funktioniert bei mir auch in Opera und im IE

(Edit: bezogen auf die horizontale Zentrierung, die vertikale funktioniert nicht im IE)

Bild und Text sind im Demo innerhalb eines ausgezeichneten "<p>"-Containers. Muss wohl auch mit Klassen für die "<p>'s" gleich ums Bild arbeiten. Sollte aber kein Problem sein...

Ausser es wäre möglich, innerhalb des .img { horizontal auszurichten. Hier funktioniert mein Code nur in Firefox...