CSS: vertical-align / valign

[JohnRichard]

Hei!

 

Har som nevnt i tidligere innlegg at jeg er på vei bort i fra tables, og ønsker å kun bruke CSS til layout nå.

 

Har fått ett lite problem.

 

Dersom jeg spesifiserer høyde på en div (height: 50px;), men ønsker at skrifta skal vises nederst i denne - så får jeg ikke dette til. Har prøvd vertical-align: bottom; men det fungerte ikke.

 

Med tables brukte jeg valign="bottom"

 

Noen som kan vise meg fremgangsmåte på tilsvarende i CSS, gjerne med eksempel.

 

Takk.

[Haraldson]

Vet ikke om dette funker som du vil, men du kan jo kanskje se litt her.

 

Edit: Har ikke satt meg inn i top, left, bottom og right, men det ser kanskje ut som en dårlig løsning..

Endret 31. august 2004 av Mr.Berg

[JohnRichard]

Har testet flere varianet av position og bottom, hjelper meg ikke.

 

vertical-align: text-bottom; fungerte heller ikke.

 

Kan jo være noe rot med noe annet.

Har lagt siden online, så kan dere se kildekoden(e) mine.

 

link

Endret 31. august 2004 av JohnRichard

[Haraldson]

Vertical-align: fungerer bare på inline-elementer, derfor kan du prøve med display:inline; i tillegg til det du prøvde i stad.

[JohnRichard]

Det gikk dårlig, men jeg bare jusket litt jeg.

 

Satt inn <div style="line-height: 28px;"> </div> over elementet (<h1>), så ble ser det ut som jeg vil.

 

Ikke en ryddig måte å gjøre det på men

[haugsand]

vertical-align brukes til å bestemme den vertikale posisjonen til et inline-element på en linje, og til å justere tekst i en tabellcelle.

 

For å få en div til å oppføre seg som en tabellcelle, er det mulig å legge til display: table-cell, men dette funker ikke i IE.