Wie stell ich ein Bild in die Mitte?

[Andre]

Ich weiß nich ob ichs überlesen hab, aber wie stellt man ein Bild in die Mitte? Beim Text geht das ja mit align="center" aber wie geht das dann bei einem Bild?

[Marian]

Hallo Andre,

du musst das Bild in ein Blockelement, dessen Inhalte zentriert ist, einfügen.

Also zum Beispiel:

<div style="text-align:center;"><img src="bild.gif" /></div>

Gruß
Marian

[Cyx23]

Hallo,

Also zum Beispiel:

<div style="text-align:center;"><img src="bild.gif" /></div>

oder margin-left:auto und margin-right:auto beim Bild.

( Oder, nicht ganz konform und nicht für alle Browser,
img{align:center} oder auch img{float:center} :-)

Grüsse

Cyx23

[MudGuard]

Hi,

( Oder, nicht ganz konform und nicht für alle Browser,
img{align:center} oder auch img{float:center} :-)

Welcher Browser macht denn so einen Schmarrn?

cu,
Andreas

[Cyx23]

Hallo,

( Oder, nicht ganz konform und nicht für alle Browser,
img{align:center} oder auch img{float:center} :-)

Welcher Browser macht denn so einen Schmarrn?

Ist wohl erstmal der Transfer der HTML-Attribute nach CSS.

Aber mit der Eigenschaftszuweisung beim zentrierten Objekt selbst
liegt Netscape dann schon bei Version 4 richtiger als spätere IEs
die meist noch text-align:center für die Umgebung und dann
womöglich noch zusätzliche Container benötigen.

Praktischer und kompakter als margin ists auch, Netscape 4 kann
hier margin noch zusätzlich berücksichtigen:
body{width:100%}
img{margin-left:200px;float:center}

Grüsse

Cyx23

--
Webdesign Düsseldorf :: Goldschmiedekurse