Bilder als Verweise für MS IE zentrieren - wie?

Computer: Software & Programmierung HTML & CSS
#1

Hallo Experten

Ich habe ein Problem mit der Zentrierung von Bildern, wenn sie als Verweise verwendet werden. Allerdings tritt der Fehler nur beim MS IE 7 und 8 auf, mit Mozilla Firefox ist das kein Problem:

Ich habe auch versucht anstelle zu verwenden, das Ganze in eine Tabelle zu verpacken oder anstelle „center“ „middle“ zu verwenden. Ich hatte überigens das gleiche Problem mit dem Zentrieren von Text. Dort war die Lösung eben „center“ anstelle „middle“ zu verwenden.
Nun meine Frage: Was muss ich den tun, um ein Bild, welches als verweis verwendet wird, zu zentrieren?

Dank und Gruss

#2

Moin,

Ich habe ein Problem mit der Zentrierung von Bildern, wenn sie
als Verweise verwendet werden.

Das ist kein Unterschied. Beides sind Inline-Elemente, Bilder wie auch Verweise und werden daher gleich zentriert: text-align:center im Elternelement.

Allerdings tritt der Fehler nur
beim MS IE 7 und 8 auf, mit Mozilla Firefox ist das kein
Problem:

Halte ich für unwahrscheinlich, selbst der IE6 macht das genau wie der Firefox richtig, selbst wenn das Dokument im Quirks Mode ausgeliefert wird.

Was ist das? Abgesehen davon, dass Du alles, was Design und Layout angeht, mit CSS machen solltest, gibt es keine Wert „middle“, sondern nur „center“.

Damit zentrierst Du das (was hier übrigens die falsche semantische Auszeichnung ist), nicht dessen Inhalt.

Ich habe auch versucht anstelle zu verwenden

Das ist ja nun schonmal ein völlig falscher Ansatz, da Du ein Layout-Problem hast und das nicht mit HTML gelöst wird, HTML ist schließlich nur für die logische Bedeutung des Inhalts da, für die Semantik.

das Ganze in eine Tabelle zu verpacken

Was ja genauso falsch ist, weil es sich bei Deinem Inhalt nicht um tabelarische Daten handelt.

Nun meine Frage: Was muss ich den tun, um ein Bild, welches
als verweis verwendet wird, zu zentrieren?

Wie oben schon geschrieben, die CSS-Eigenschaft „text-align:center“ im Elternelement angeben. Das ist die Zentrierungsmethode für Inline-Elemente. Block-Elemente werden mit „margin:0 auto;“ zentriert (man sieht natürlich nur was, wenn Du dem Element eine width ungleich 100% mitgibst).

Gruß,
-Efchen

#3

Guten Tag,

Halte ich für unwahrscheinlich, selbst der IE6 macht das genau

Ist aber so.

Was ist das? A

 Denkt der Denker

 an die Mitte?
 

Quelle: http://de.selfhtml.org/html/grafiken/ausrichten.htm#zum\_text

Ansonsten, Danke für die Hilfe.

Olli

#4

Was ist das?

Denkt der Denker

an die Mitte?

Hmmm…wo sind da die Gemeinsamkeiten außer der 6 Buchstaben?

Der Vergleich passt deswegen nicht, weil HTML-Attribute unlogisch sind und in jedem Tag was anderes bedeuten können.

Deine Quelle zeigt den Wert „middle“ für das Attribut „align“ im Tag . Da gibt es das, ja. Das ist aber die vertikale Zentrierung neben Bildern.
In gibt es aber diesen Wert nicht.

Ein Grund mehr, von diesen steinzeitlichen Attributen weg zu kommen und CSS zu benutzen, wo jeder Wert in jedem Tag das selbe bedeutet.

Ist die Frage jetzt geklärt? Und wenn nicht, was ist noch offen?