Grafik: mittige Positioniertung mit div?

Hallo,

nachdem ich jetzt ewig rumprobiert habe, poste ich hier doch mal meine Frage:

Ich habe ein Bild, daß ich horizontal mittig positionieren will.

<div align="center"><img...></div>

funktioniert zwar, aber das kreidet mir der ValidationService als Fehler an. Also muß es ja noch eine korrekte Lösung geben.

Ich bräuchte sowas wie
div.image {
align:center
}

(Mit nummerischen Angaben bei margin oder padding ist mir nicht geholfen, weil ich Bilder verschiedener Größe habe. Text ist auch nicht involviert.)

Irgendwelche Tips?

Danke!
Domenika

Hallo Jörg,

ja, das habe ich auch schon probiert, aber klappt irgendwie nicht ...

Ich hatte zuerst ein extra div dafür kreiert:

div.welcomeimage {
text-aling: center
}

HTML

<div class="welcomeimage"><img..></div>

Dann, weil die Bilder immer innerhalb von <div id="Inhalt"> stehen so:

div#Inhalt {
padding: 0 1em;
margin: 9em 0 1em 190px;
}

div#Inhalt i {
text-align: center;
}

HTML:

<div id="Inhalt">
<img src="grafiken/welcome.jpg" alt="" width="283" height="122">
   		...
</div>

(Cache hab ich auch gescheckt)

Was mach ich falsch?

Domenika

Ja, aber dann macht er auch den unter dem Bild plazierten Text mittig, das will ich natürlich nicht.

Bild= align: center
Text= align:left

Daher hatte ich das mit dem div#Inhalt i {} versucht.

:(?

Oh, jetzt geht's! Ich meinte, so hätte ich es schon mal versucht... Das macht wahrscheinlich Deine Profi-Aura, das schüchtert mein css-template ein ;)

Danke für Deine geduldige Hilfe!

Domenika