Bild mittig in div ausrichten

[tintenlandschaft]

Ich möchte ein Bild, das sich in einem div-Container befindet, per css genau mittig (horiontal und vertikal) auf diesem div platzieren. Die Lösung sollte möglichst allgemein sein und auf absoulute Angaben verzichten, da ich unterschiedlich große Bilder mit einer Anweisung erreichen will!

Ich hoffe ihr könnt mir helfen, weder google noch html.de hat eine gute Lösung vorgeschlagen.

 

[kleeaar]

AW: Bild mittig in div ausrichten

das ist schlicht weg so, dass das bei CSS nur mit absoluten angaben geht...
ansonsten könntest du das mit Javascript machen!

Grüße und guten Rutsch

 

[tintenlandschaft]

AW: Bild mittig in div ausrichten

Das stimmt nicht! Es gibt sehr wohl relative Angaben.
Problem ist nur, wenn ich eine relative Angabe mache, dann hängt die obere, linke Ecke an diesem Punkt, je nach dem, wie groß das Bild ist ragt es irgendwo hin. Nun müsste ich das Bild mit einem negativen margin Wert, so schieben, dass die Bildmitte an diesem Punkt ist. Der margin Wert wäre: - (Bildgröße durch 2)pixel! Da die Bildgröße aber nicht immer gleich ist...

 

[Puckmeister]

AW: Bild mittig in div ausrichten

probiers mal hiermit, vielleicht hilft dir das
Vertical Centering in CSS

 

[tintenlandschaft]

AW: Bild mittig in div ausrichten

So stelle ich mir das vor. Vielen Dank!
Ich verstehe es nur noch nicht ganz, mal sehen.

 

[leohh]

AW: Bild mittig in div ausrichten

Centering (horizontally and vertically) an image in a box
evtl. etwas verstaendlicher, da es hier dann expliziet um Bilder geht.

 

[kleeaar]

AW: Bild mittig in div ausrichten

Das stimmt nicht! Es gibt sehr wohl relative Angaben.
Problem ist nur, wenn ich eine relative Angabe mache, dann hängt die obere, linke Ecke an diesem Punkt, je nach dem, wie groß das Bild ist ragt es irgendwo hin. Nun müsste ich das Bild mit einem negativen margin Wert, so schieben, dass die Bildmitte an diesem Punkt ist. Der margin Wert wäre: - (Bildgröße durch 2)pixel! Da die Bildgröße aber nicht immer gleich ist...

klar, aber eine Pixelangabe ist eine absolute Angabe...
wobei ich sagen muss das ich diese Art von Zentrierung die die anderen vor mir vorgeschlagen haben noch nicht kannte sorry!

Grüße

 

[bustler]

Danke! Auch 6 Jahre nach dem Thread war es für mich jetzt sehr hilfreich.