Wer saß nicht schon einmal vor dem Problem, in seine Netzseite ein Bild einbauen zu wollen, dass zentriert dargestellt werden soll? Früher (als CSS noch nicht so intensiv angewendet wurde) hat man dies normalerweise mit align=“center“ oder dem Tag <center>…</center> erledigt. Dummerweise sind diese Methoden als „deprecated“ eingestuft. Wer also mit HTML-Strict arbeiten will, kommt um CSS nicht herum.
Beim Stöbern im Netz bin ich auf folgende einfache Möglichkeit gestoßen. Man muss dem img-Tag nur folgende Werte zuweisen:
img { display: block ; margin: 0 auto }
Der Wert block macht aus dem img-Tag einen eigenen (absatzerzeugenden) Block. Man braucht also kein umschließendes div– oder p-Tag. Die Zuweisung des Wertes auto für den linken und äußeren Abstandes sorgt dafür, dass man dem Browser nichts anderes mitteilt, als dass linker und rechter Abstand gleich sein sollen. Dies ist gleichbedeutend mit einer Zentrierung des Elements. Einfach, oder?
Super Tip, vielen Dank!
Hat super geklappt!
Danke!!!
Hallo,
also dass muss ich ja mal loswerden.
Du bist mein Held im Erdbeerfeld.
Weißt Du wie lange ich danach gesucht habe?
Jeder hat da eine andere Idee. Deine wirkt, zumindest bei mir – in verschiedenen Auflösungen – perfekt. Danke!
Bei mir genauso!! DANKE!!
Ja, das mit dem Zentrieren bleibt auch heute noch aktuell. Immer wieder eine Fummelarbeit. Dein Weg ist gut!
Alter Finne, vielen Dank. Ich schreibe normalerweise keine Kommentare, aber dein Weg ist so easy und klappt so gut. Hut ab.
Vielen Dank