Bild mittig ausrichten

[Martin 1]

Ich habe mehrere Bilder auf meiner Seite, diese möchte ich, jedes gerne zentriert und in der Mitte in einen Art Bilderrahmen ausrichten.

<div class="pic_border"><img class="pic" src="images/pic_101.jpg" alt=""></div>

.pic_border
{
float:left;
width:130px;
height:130px;
border: 1px dotted #000;
margin-right:10px;
}

.pic
{
display:block;
margin:auto;
}

Aber leider ist es nur horizontal zentriert, nicht aber vertikal, dort ist es am oberen Rand.

Martin

[Matthias Apsel]

Om nah hoo pez nyeetz, Martin 1!

Aber leider ist es nur horizontal zentriert, nicht aber vertikal, dort ist es am oberen Rand.

http://forum.de.selfhtml.org/archiv/2012/1/t208505/#m1418031

Matthias

[Luke]

Ich habe mehrere Bilder auf meiner Seite, diese möchte ich, jedes gerne zentriert und in der Mitte in einen Art Bilderrahmen ausrichten.

Mach doch eine unsichtbare Tabelle über die ganze Seite, mit einer Spalte und einer Zelle, die über die ganze Seite reicht. Dort kannst du dann die Bilder mit vertical-align: middle; zentriert ausrichten. Falls du das nicht möchtest, da du Inhalt hast, der nicht zentriert sein sollte, würde ich einfach mit relativen Angaben (%) rechnen...

Hoffe, dass ich dir helfen konnte.

[Gunnar Bittersmann]

@@Luke:

nuqneH

Mach doch eine unsichtbare Tabelle […]
Hoffe, dass ich dir helfen konnte.

Nein, konntest du nicht. Tabellenlayout ist out, keine Hilfe.

Qapla'

PS: Es sei denn, du meintest keine Tabelle im Markup, sondern das Setzen von display-Eigenschaften auf "table*"-Werte.