ottogal: Vertikal zentrieren, zum x-ten Mal

Hallo in die Runde,

die Thumbnails meiner Galerie sind divs, die einen Bild-Link auf eine Seite mit dem großen Bild enthalten:

<div class="thumb">
  <a href=".htm">
    <img src="
.jpg" alt="" width="100" height="75"></img></a>
</div>

Das div hat feste width und height, die des Thumb-jpgs sind natürlich kleiner, aber von Bild zu Bild unterschiedlich.

Wie schaffe ich es, das a-Element im div vertikal zu zentrieren? Eine einzellige Tabelle wollte ich vermeiden.

Danke für Tipps
ottogal

  1. Hi ottogal,

    Wie schaffe ich es, das a-Element im div vertikal zu zentrieren? Eine einzellige Tabelle wollte ich vermeiden.

    Danke für Tipps

    http://forum.de.selfhtml.org/hilfe/faq.htm#css-zentrieren

    Grüße aus Fuzhou,
    Engin
    GYRO

    1. Hi Engin,

      dass ich hier

      http://forum.de.selfhtml.org/hilfe/faq.htm#css-zentrieren

      schon gesucht hatte, meinte ich durch die Formulierung des Themas angedeutet zu haben.
      In dem Artikel gehts nur um horizontales Zentrieren, und in dem dort angegebenen weiterführenden Link W3C: Breiten- und Abstandsbestimmung fand ich nichts, was mich weitergebracht hätte (habe z.B. mit line-height herumprobiert).
      Hat vielleicht doch noch jemand einen konkreteren Tipp?

      Gruß
      ottogal

      1. Hallo ottogal,

        Hat vielleicht doch noch jemand einen konkreteren Tipp?

        Setze die line-height des umgebenen Containers auf seine höhe und weise den enthaltenen imgs vertical-align:middle zu.

        Jonathan

        1. Setze die line-height des umgebenen Containers auf seine höhe und weise den enthaltenen imgs vertical-align:middle zu.

          So geht es!
          Danke Jonathan