Supportnet / Forum / Webseiten/HTML
Bild vertikal in einem div zentrieren
Frage
Hallo,
ich habe ein kleines Problem ;) Ich scheine mit HTML/CSS etwas auf Kriegsfuß zu stehen ;)
Zum Problem selbst: Ich möchte ein verlinktes Bild in einem div vertikal ausrichten.
[code]<div style="height:164px;width:164px;text-align:center;vertical-align:middle;"><a href=""><img src=""></a></div[/code]
Leider scheint ja das vertikale ausrichten mit vertical-align nur mit text und zeilenhöhe zu funktionieren. Die Bilder können unterschiedlich groß sein, desshalb funktioniert ein ausrichten mit top:..px auch nicht.
Hat jemand eine Idee? Hier ein Link zum Problem: [url]http://files.mbod.net/test/[/url] Ich habe den Hintergrund grau hervorgehoben, dass das Problem besser zu sehen ist.
Gruß&Dank,
Thomas
Antwort 1 von mr.checker
So, ich habe das Problem jetzt einfach mit PHP gelöst..
Auf gut Deutsch: Höhe des divs - höhe des Bildes und das ganze durch 2 geteilt.. Soweit muss es also vom oberen Rand des divs entfernt sein.
Trotzdem danke
list($width_img,$height_img,$type_img,$attr_img)=getimagesize($thumbname);$top_space=((($config['maxsize'])+(2*($config['border'])))-$height_img)/2;Auf gut Deutsch: Höhe des divs - höhe des Bildes und das ganze durch 2 geteilt.. Soweit muss es also vom oberen Rand des divs entfernt sein.
Trotzdem danke

