div: vertical centering??

Tags:    css css3

Hej :)

CSS har aldrig interesseret mig vildt meget og har ik sat mig super meget ind i det,
men ville mene man skulle kunne centere indholdet af en div på den her måde, men kan ik få det til at virke, nogen der kan give mig et hint hvordan jeg kommer vidre =)

Fold kodeboks ind/udHTML kode 


Fold kodeboks ind/udCSS kode 

edit:
er kommet frem til det er pga min float, men hvordan kan opnå det med float og centering?



Indlæg senest redigeret d. 28.02.2012 14:04 af Bruger #3427
5 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 8 karma
Sorter efter stemmer Sorter efter dato
Havde jeg lige overset, men hvis du gør sådan her så burde det virke.

Fold kodeboks ind/udCSS kode 




@Nick, nope. Det sætter bare siden til at starte 50% fra dokumentets top. Det kommer ikke til at virke efter hensigten. Desuden blander du alle mulige ting. Du skulle istedet: positioning 50% fra den ene side plus negativ side margin på 50% af bredden på elementet og positioning 50% fra top plus negativ top margin på 50% af højden på elementet.

http://css-tricks.com/snippets/css/absolute-center-vertical-horizontal-an-image/ Gør det med et billede. Plus et par andre metoder.



Du kan bruge
Fold kodeboks ind/udCSS kode 




Indlæg senest redigeret d. 28.02.2012 13:58 af Bruger #16722
Du kan bruge
Fold kodeboks ind/udCSS kode 


vertical, ikke horizontal centrering :)



tak, vil lige prøve med noget position :)



t