CSS for valign?

Følger lige med i den her streng, da jeg selv mangler denne funktion.

vertical-align :D

Thomas

Nopes... den gør det ikke for mig...

Du kan læse mere om vertical-align her:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/verticalalign.asp

ja, men hvis man siger vertical-align:50%; bliver objektet ikke placeret centralt. Det er den øverste kant af et objekt der kommer til at ligge 50% nede og ikke centrum ...

tænker en lignende kode hvor man kan placere sin side centralt i stedet for at bruge en tabel som er 100% høj og bred.

vertical align har parametrene top, middle, bottom så det er derfor at du ikke kan bruge 50%

men undrer mig bare at den alligevel placerer øverste kant 50% nede hvis jeg skriver det ;)

og det samme hvis man bruger position samt top/left

Jeg tænker på i stedet for, i en table at skrive

<tr>
<td valign="top">
  noget der står øverst
</td>
</tr>

... ?? har prøvet med vertical-align:top;  det virker ikke..

et forslag til det med tables.... drop dem og brug <div> i stedet, medmindre det er en tabel med en række informationer fra fx en database... du sparer en del tegn og derved øger download-hastigheden ... også selvom vi i dag har bredbånd ;)

Well... det er faktisk til udtræk fra db, men div løser ikke at jeg ikke kan valigne i en tabel ;)

Det skulle helst virke. Har lige testet denne, og der var ingen problemer.

<table>
<tr>
<td style="vertical-align:top">
  noget der står øverst
</td>
<td>test<br>test<br>test<br>test<br></td>
</tr>
</table>

<div style="vertical-align:top;">
En tekst der står øverst
</div> giver samme resultat som det andet

prøver med style="vertical-align:text-top;" i stedet for kun top?

Hov, min fejl... jeg havde smid den i en underklasse...

thb  virker... *bukker og nejer*

dennisr .> i know, men nu er det jo ikke divs der var problemet ;)

super... :D

>dennisr
Man kan ikke sætte verical-align på et blockelement som <div>
Kun ved at bruge display: table-cell, men det er ikke understøttet i IE.

Selvf. ser en vertical-align: top tilsyneladende ud til at virke, men det er jo fordi, at teksten altid bliver vist øverst.
Prøv at bruge bottom f.eks. (og sætte en height på din <div> og du vil se, at det ikke virker.