Avatar billede jochke Nybegynder
31. december 2005 - 11:54 Der er 6 kommentarer og
1 løsning

Vertical align bottom

Jeg synes aldrig at vertical-align kan bruges til noget fornuftigt. :)
Men måske det ikke er den der skal hjælpe mig.

Hvis man har en div der er 300px høj. Inde i den har jeg en anden div der er 30 px høj. Den på 30 px skal ligge i bunden af den på 300 px.

Hvordan gøres det?
Avatar billede apo Praktikant
31. december 2005 - 12:15 #1
vertical-align har ingen effekt på en div. Men du kan gøre således:

<div style="position:absolute; height:300px; border:1px solid #000000;">
  <div style="position:relative; top:270px; bottom:0; width:300px; height:30px; background-color:#000000; color:#FFFFFF;">Bundlinje</div>
</div>
Avatar billede mik789 Nybegynder
31. december 2005 - 14:02 #2
Prøv at se:

http://blooberry.com/indexdot/css/properties/position/vertalign.htm

vertical-align er kun gyldigt ved inline elementer (altså ikke divs)
Avatar billede johan.o Nybegynder
31. december 2005 - 14:42 #3
En lille omskrivning af apo's forslag :

<div style="position: relative; height: 100px; border: 1px solid blue;">
<div style="position: absolute; bottom: 0px; border: 1px solid red;">I bunden !</div>
</div>

Mvh. Johan
Avatar billede jochke Nybegynder
31. december 2005 - 15:19 #4
Man kan ikke undgå absolutte positioner?
Avatar billede roenving Novice
31. december 2005 - 15:20 #5
Ikke, hvis du skal bruge bottom:0; !-)
Avatar billede jochke Nybegynder
31. december 2005 - 15:53 #6
Men cool nok og tak for hjælpen. apo var først med et brugbart resultat, så du kan lide smide et svar.
Avatar billede apo Praktikant
31. december 2005 - 16:11 #7
Svar :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester