✔ Textposition im Div Tag per CSS ändern

[HoneyKiSs]

Hallo ihr,
ich habe mal eine Frage wie ich was machen kann und ob.
Also ich hab eine Divbox, darin steht ein kleiner Text siehe Code

<!-- head -->
<div id="head">
Name der Homepage
</div>

soweit so gut. Der Text ist jetzt aber im Div oben am Rand geklatscht. Ich hätte den Text ganz gerne senkrecht mittig (nicht zentriert) weiß jemand wie das geht und ob das geht? Siehe Bild

so ist das im Moment halt soll jetzt nach unten in die Mitte der Text.

mit einer Tabelle ging es, aber sobald ich was neues verändere gings nicht mehr.
Wäre supi wenn mir jemand helfen könnte.

ganz liebe grüße

 

[Maik]

Hi,

dir steht hierfür die line-height-Eigenschaft zur Verfügung:

#head { line-height:100px; }

Oder du greifst auf http://www.pmob.co.uk/temp/vertical-align9.htm zurück, und tauscht in dem Beispiel vertical-align:bottom gegen vertical-align:middle aus.

Für den IE lautet das nachfolgende Stylesheet dann entsprechend:

<!--[if IE ]>
<style type="text/css">
.inner {top:50%;left:0;}
.inner p{top:-50%;	position:relative;}
</style>
<![endif]-->

mfg Maik

 

[HoneyKiSs]

hey danke ich hab das line-hight angewendet. kannte den befehl zwar, aber mir ist nicht bewusst gewesen das ich das auch zum ausrichten nehm kann
danke