Tekst vertikalt-centreret i forhold til div

<style type="text/css">
    #myoutercontainer { position:relative }
    #myinnercontainer { position:absolute; top:50%; height:10em; margin-top:-5em }
</style>
...
<div id="myoutercontainer">
    <div id="myinnercontainer">
        <p>Hey look! I'm vertically centered!</p>
        <p>How sweet is this?!</p>
    </div>
</div>

fra http://phrogz.net/css/vertical-align/index.html

Ser efter min mening rigtigt ud (jeg ledte bare lige efter noget i stedet for selv at skrive det.

#footer
{
  line-height: højde på din div;
}

Virker hvis det kun er 1 linje der skal centreres.

@niklask - ja den står så også i den side jeg henviste til :P

#3

Min fejl, The_Buzz, læste kun det du havde skrevet her. :)

<ole>

Løsningen er vertical-align:middle, som er beregnet til lige netop dét.

Læg et span omkring teksten og giv den vertical-align - og giv klassen fb-like det samme. Så burde det virke.

Knappen er der i øvrigt ikke i Firefox. Mon ikke, det er en fejl?

/mvh
</bole>

Hey The_Buzz og niklask
Det I hentyder til, har jeg prøvet (det ku man måske også se i koden, hvis man inspicerede den), men det virkede sgu ik. Har også været inde på det link du henviser til The_Buzz. Men det går jo heller ikke, hvis jeg nu finder ud af, at jeg vil have mere end een linie tekst, at det så ikke virker, det er jo noget lort.

Men olebole, det du skrev virkede sgu!! Så midterstillede den det, og så skulle jeg bare give footer-diven noget padding.
Så hvis du lige smider et svar, får du lige nogle point :)

Ellers tak, jeg samler ikke point. Overvej evt. point til de andre for forsøget - og ellers lægger du selv et svar og accepterer det. Tråden lukkes kun ved et accepteret svar  =)

Efter som der ikke er nogen, der melder sig, lukker jeg tråden :)