Avatar billede lordhead Nybegynder
25. december 2003 - 20:13 Der er 11 kommentarer og
2 løsninger

Centrering med position:absolute?

Hej eksperter.

- Ja det har jo været oppe mange gange, men jeg kan dog ikke huske det :(

Hvordan er jeg sikker på at mit element sidder i midten af browseren? Har prøvet med left:50% og andre ting, men den går helt amok!

(Og husk nu det er absolute - med relative er det jo nemt nok :))
Avatar billede exp Juniormester
25. december 2003 - 20:18 #1
Avatar billede bjoarn Nybegynder
25. december 2003 - 20:20 #2
Avatar billede bjoarn Nybegynder
25. december 2003 - 20:23 #3
Hvis du skal centrere en container, som er det eneste child af body'en, så fungere relative & absolute ens...
Avatar billede lordhead Nybegynder
25. december 2003 - 20:53 #4
Containeren er nem nok at positionere... Men de andre divs inden i containeren skal da positioners med absolute?
Avatar billede bjoarn Nybegynder
25. december 2003 - 21:24 #5
Det kommer an på hvad du vil opnå!
Men min erfaring siger mig at hvis man har mange divs der er positioneret, kan det let blive uoverskueligt og fejl bliver svære at finde og rette.
Det meste design kan laves i forhold til det normale siteflow...
Og så kan man nøjes med at positionere container og et par menuer.
Avatar billede lordhead Nybegynder
25. december 2003 - 22:17 #6
Nu skal du høre hvad jeg vil opnå.

En container, med banner, topmenu, side menuer og indholds-div. containeren har jeg positioneret med relativ (margin-left og right: auto), men banneret jeg vil have i toppen af containeren kan ikke positioneres med relativ, da den vil komme nedenunder containeren.

Hvad skal jeg gøre?
Avatar billede lordhead Nybegynder
25. december 2003 - 22:24 #7
Hov... Jeg har lige fundet problemet :)

Det var min fejl - jeg havde ikke sat de andre divs inden for container-div'ens område :) Jeg har løst det!
Avatar billede lordhead Nybegynder
25. december 2003 - 22:25 #8
...Men jeg vil dog stadig godt finde ud af hvordan man centrere vha. position:absolute...
Avatar billede bjoarn Nybegynder
25. december 2003 - 23:33 #9
#center{
position: absolute:
left: 50%;
margin-left: -300px; /* 1/2 af container-width*/
}
Avatar billede lordhead Nybegynder
26. december 2003 - 00:06 #10
Mange tak! :)

Læg et svar!
Avatar billede bjoarn Nybegynder
26. december 2003 - 00:09 #11
:-) hermed gjort
Avatar billede lordhead Nybegynder
26. december 2003 - 00:17 #12
Så må de være rimeligt fordelt :-)
Avatar billede bjoarn Nybegynder
26. december 2003 - 11:10 #13
Takker...
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