Jetzt kommt die Standard Frage, ich habe schon gegoogelt und auch die Forumssuche hier benutzt, aber keine passende Lösung gefunden:
Wie positioniert man ein Bild genau in der Mitte (horizontal und vertikal) einer div-Box? Wie verfährt man mit Text?
Grafik: Horizontale und vertikale Zentrierung mit CSS
Text hatten wir kürzlich hier.
Ich möchte doch die Grafik in der Mitte der div-Box?
Bei dieser Lösung braucht man die Pixelzahlen. Ich brauche verschiedene Grafiken; unterschiedlich groß.
Gibt es keine universelle Lösung?
Man müsste doch nur die Mittelpunkte von div und Bild aufeinander legen!
Die Zentrierung einer Grafik ist immer pixel-abhägnig. Du benötigst einen Mittelpunkt, den kannst du prozentual bestimmen.
Von dort aus musst du jedoch die Grafik nach oben bzw. links verschieben. Diese benötigten Werte sind abhängig von der Grafikgröße.
Möglicherweise kann man so etwas bei unterschiedlichen Werten mit einem PHP- oder Java-Script bestimmen.
Muss es ne Grafik sein? Kann es auch eine Hintergrundgrafik sein? Wenn ja gibt es „background-position: center center;“.