Gunnar Bittersmann: image zentrieren

Beitrag lesen

Hello out there!

wie zentriere ich ein image?

Wie andere Inline-Elemente auch: mit 'text-align: center' für ein Vorfahrenelement. Das versteht sogar der IE.

habe
img {
margin-left:auto;
margin-right:auto;
}
probiert geht aber nicht.

Warum, sagt dir ein Blick in die CSS-Spec. Die 'margin'-Eigenschaft findest du unter 8.3 Randeigenschaften: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' und 'margin'.

Dort steht: „auto: Weitere Informationen über die Verhaltensweise finden Sie im Abschnitt 10.3 über die Berechnung von Breiten und Rändern.“

In diesem Kapitel findest du unter 10.3.2  Inline, ersetzte Elemente (was 'img' ja ist; es sei denn, du änderst das): „Wird für 'left', 'right', 'margin-left' oder 'margin-right' der Wert 'auto' angegeben, wird daraus der berechnete Wert '0'.“

See ya up the road,
Gunnar

--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)