Vertikal zentrieren, zum x-ten Mal

[ottogal]

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

[Engin]

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

[ottogal]

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

[Jonathan]

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

[ottogal]

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