Avatar billede hedegaard1 Nybegynder
25. januar 2004 - 23:25 Der er 12 kommentarer og
1 løsning

Align: Top, Middle eller Bottom i en div?

Har prøvet at sidde og søge på svar i dette spørgsmål, men uden held... :o(

Er der ikke en der har en måde man kan få align inde i en div til at virke???

Min kode:
#element4 {
    position:absolute;
    background-image: url("images/element4.gif");
    top: 71px;
    left: 132px;
    height: 24px;
    width: 588px;
    vertical-align: bottom; <--Virker ikke :o(
    z-index: 1;
}
Avatar billede gil-galad Nybegynder
25. januar 2004 - 23:29 #1
text-align:center;
Avatar billede hedegaard1 Nybegynder
25. januar 2004 - 23:33 #2
det er vertical jeg mener (Overskrift: Align: Top, Middle eller Bottom i en div?)
Avatar billede skovenborg Nybegynder
25. januar 2004 - 23:48 #3
vertical-align (og valign) er kun for tabeller - ikke for div's.
Avatar billede skovenborg Nybegynder
25. januar 2004 - 23:57 #4
...eller rettere sagt: Det er ikke kun udelukkende for tabeller (celler) at det virker, men du kan i hvert fald ikke direkte gøre det på den måde ;-)
Avatar billede skovenborg Nybegynder
26. januar 2004 - 00:10 #5
---Faktisk (ja, jeg bliver ved ;-) så har vertical-align en hel anden betydning for almindelig html-dokumenter og tabelceller. Her er nogle eksempler på hvordan vertical-align bruges i disse sammenhænge:
http://www.richinstyle.com/test/text/verticalalign.html

Et meget enkelt eksempel kunne fx være:
<img src="billede.png" style="vertical-align:middle;">TEKST
Avatar billede hedegaard1 Nybegynder
26. januar 2004 - 14:58 #6
Ja ok skovenborg, men er der så en anden måde man kan gøre det på? :o)
Avatar billede skovenborg Nybegynder
26. januar 2004 - 17:11 #7
Tjo, den letteste måde umiddelbart er at smide al tekst (og andet indhold) ind i endnu en div/span fx:
<div id="element4">
<span class="valign_bottom">
  Tekst og indhold
</span>
</div>

og så lave klasse i css:
.valign_bottom {position:absolute;bottom:0px;}
Dette er for at få det i bunden. En tilsvarende i toppen kunne fx være:
.valign_top {position:absolute;top:0px;}
Avatar billede skovenborg Nybegynder
26. januar 2004 - 17:19 #8
--- hvis du skal have den i midten er det dog ikke nær så simpelt, men så kan du altid lege lidt med top og bottom for at få det ønskede resultat. Umiddelbart ved jeg ikke præcis hvordan man kan gøre det...
Avatar billede lordhead Nybegynder
26. januar 2004 - 19:48 #9
Jeg mener da man kan sige margin-left og margin-right: auto; og så sætter den sig i midten?
Avatar billede skovenborg Nybegynder
26. januar 2004 - 19:59 #10
lordhead >> Ja, hvis man skal centrere horinsontialt (eller hvordan det så end staves) , men desværre kan man ikke gøre det vertikalt i dette tilfælde. Ellers er det klart en god måde at gøre det på :-)
Avatar billede hedegaard1 Nybegynder
24. december 2004 - 15:13 #11
skovenborg, lig lige svar ind så du kan få lidt point.
Avatar billede lordhead Nybegynder
26. december 2004 - 12:26 #12
Bedre sent end aldrig :-)
Avatar billede skovenborg Nybegynder
26. december 2004 - 13:12 #13
nåå hov - så værgso'da. Og glædelig jul og godt nytår :-)
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