Seite 1 von 1

CSS: vertical-align für Inhalt eines divs

Verfasst: 30.07.2005 02:24
von QCO
Ich bin mir gerade wirklich nicht sicher, ob es einfach zu spät ist oder ich irgendwas am Prinzip falsch verstanden habe. :evil:
Ich habe jetzt schon ziemlich rumprobiert und verschiede CSS-Referenzen durchgeschaut, aber ich schaffe es nicht, den Inhalt eines divs vertikal mittig zu machen.

Code: Alles auswählen

	<div class="forumrow_c2"><span class="gensmall">{catrow.forumrow.TOPICS}</span></div>
und dazu CSS

Code: Alles auswählen

.forumrow_c2, .forumrow_c3, .forumrow_c4	{
	text-align: center;
	vertical-align: middle;
}

div.forumrow_c2	{
	padding: 1px;
	width: 68px;/* 70*/
	height: 78px;/* 80*/
	background-image: url(images/table_forumrow2.gif);
}
Wäre für eine Erläuterung der Problematik oder eben einen Schlag auf den Hinterkopf sehr dankbar...

Verfasst: 30.07.2005 10:18
von punkface
Schon bei CSS4You geschaut?
http://css4you.de/vertical-align.html hat geschrieben:Anwendbar auf: Inline-Elemente, Elemente, die mit display:table-cell formatiert sind und <td>-Tags
Und da div ein Block-Element ist...

Verfasst: 30.07.2005 10:38
von QCO
Mhhh, und wie dann?

Verfasst: 30.07.2005 10:58
von fanrpg

Code: Alles auswählen

<table>
<tr>
<td forumrow_c2"><div class="forumrow_c2><span class="gensmall">{catrow.forumrow.TOPICS}</span></div></td>
</tr>
</table>
So ungefähr müsste das klappen