Supportnet Computer
Planet of Tech

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

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

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: