CSS: Text in einer Div vertikal zentrieren

mar3000

Hi Leutz.
Ich bin grad in CSS eigestiegen und steh vor einem Problem.
Ich hab eine hübsche Div-Box gemacht und sie 80px hoch gemacht. Nun soll da Text drinstehen, der vertikal zentriert sein soll.
Ich kriegs einfach nicht hin. Ich meine, es müsste vertical-align:middle sein, aber das klappt nicht.
Ich benutze den MSIE 5.0
Bitte helft mir

Michamab

Klappts den mit valign=middle ?

mar3000

Nein, denn das was du meinst, ist HTML, ich meine aber CSS

Gary

http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#text_align
du willst es horizontal zentrieren, oder?

Henno

gib mal zusätzlich für den Paragraph hight:100% an.

flenders

Es sollte wohl height heißen

mar3000

Funktioniert alles nicht.
Ich geb euch mal den Code:
test.htm:

<div class="link">
<p><a href="test.htm">Home</a></p>
</div>

test.css:

div.link
 {
  position:absolute;
  top:10px;
  border-style:solid;
  height:80px;
  width:100px;
  left:10px;
  vertical-align:middle;
 }
p
 {
  text-align:center;
  vertical-align:middle;
 }

Egal, wo ich das vertical-align:middle; reinsetze, es funktioniert nicht!

Tobsen

Vielleicht vertical-align:center; ?

http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#vertical_align

schau dir das mal an.

aber geht das nicht nur mit zellen?

Henno

Wenns gar nicht geht, mach ein div in dem div und setze margin-top:auto; margin-bottom:auto; height:20px;.

Wird wahrscheinlich nicht im alten IE gehen, aber allgemein schon.

mar3000

Vielleicht vertical-align:center; ?

Nein, ich bin sicher, dass es middle heißt. Center klappt nicht mal in Zellen

aber geht das nicht nur mit zellen?

Du hast wahrscheinlich recht.
Danke Leute für eure Beiträge, aber ich fürchte, da muss ich mir mit unschönen Mitteln helfen...

Gruß Mar3000