Martin 1: Bild mittig ausrichten

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

  1. 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

    --
    1/z ist kein Blatt Papier.

  2. 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.

    1. @@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.

      --
      Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
      (Mark Twain)