Erik Ginnerskov wrote:
> Hvis det drejer sig om at få noget tekst til at så lodret centreret i en
> div:
>
> <div style="height:400px; vertical-align:middle;">Lodret centreret
> tekst</div>
vertical-align og valign er til tabeller.
For at centrere noget i en div, kan man (F.eks. hvis det er et billede
der er 150px højt) gøre sådan her:
<div style="height: 400px; width: 400px;">
<img src="billede.jpg" alt="Billede" id="billede" />
</div>
og så lave en style med:
#billede {
position: relative;
top: 50%
left: 0px;
margin-top: -150px;
}
selvfølgelig forudsat at billedet er 150px højt...
Hvis man skal centrere en tekst vertikalt, er det nok desværre lidt
svært at vide hvor mange px den er, så der er det nok hurtigst/nemmest
at lave det som en tabel i stedet for...(Hvis nogen har en bedre
løsning, er jeg meget interesseret
så i stedet for..
<div style="height: 400px; width: 400px; vertical-align: middle;">
centreret tekst
</div>
som jo ikke virker, da vertical-align er til tabeller, så lav:
<table style="height: 400px; width: 400px;">
<tr>
<td style="vertical-align: middle;">
vertikalt centreret tekst
</td>
</tr>
</table>
og hvis det også skal være horisontalt centreret tilføjes der bare
text-align: center; i td'ens style..
Håber det hjalp lidt!
mvh. Julius