Beat: Bild vertikal zentrieren

Beitrag lesen

Die üblichen Verdächtigen hab ich schon durchprobiert: text-align: center, vertical-align: middle in .product_image als auch Variationen von margin: auto im style des <img>-Objektes.

Da will sich einfach nichts bewegen :-(

Logisch. Das hätte dir aber auch die Dokumentation sagen können.

Angenommen die Bildhöhe sei 100px

.product_image img(position:relative; top:50%; margin-top:-50px;)

Wenn ich nicht schief liege, ist margin-top bei relativen Angaben (%) nicht relativ zur Bildhöhe, sondern zur Breite.

Es zentriert sich schlecht vertical!

mfg Beat

--
Woran ich arbeite:
X-Torah
><o(((°>     ><o(((°>
   <°)))o><                      ><o(((°>o