Bild in Div zentrieren

[Marc]

Moin moin

ich habe ein fieldset in einem div. Im Fieldset befinden sich noch ein paar Bilder untereinander. Die Bilder wollte ich per margin:auto zentrieren, das klappt aber irgendwie nicht. Warum?

PS: ich benutze nicht den IE sondern Opera, dass man es im IE mit text-align machen muss weiß ich.

Wenn Du die Größe der Bilder und des umgebenden divs kennst, kannst Du mit margin-Angaben arbeiten.

Beispiel:

<div id="bilder" style="width:500px;">
  <img src="#" style="width:250px;margin-left:125px;margin-right:125px;" alt="">
</div>

Also umgebendes div (500px) minus Bildgröße (250px) durch 2 (125px) je Seite.

Das klappt immer und ist bombensicher - wenn alle Bilder gleich breit sind (anders sieht es eh scheiße aus), kannst Du diese Angaben einmalig in die CSS-Datei schreiben, anstatt sie bei jedem img anzugeben (ist eh kein guter Stil).

Also so etwas wie

div#bilder {
  width:500px;
}

div#bilder img {
  width:250px;
  margin:0 125px 0 125px;
}

Gruß,
Marc.