Avatar billede Slettet bruger
31. januar 2006 - 00:58 Der er 3 kommentarer og
1 løsning

Placering af div centralt på alle skærmopløsninger?

Jeg har placeret mine div'er med position (left og top), men jo højere opløsning man har, jo mere skæv bliver den på siden. Er der nogen der ved hvordan man får en div til at ligge centralt på  alle skærmopløsninger. Fx er onside.dk og b-one.net altid den samme lige meget hvilket opløsning man har.
Ps. det skal gerne virke i både IE og firefox
Avatar billede jakobsynder Nybegynder
31. januar 2006 - 01:26 #1
Hvis du har et element der er:
width: 500px;
height: 600px;

Så sæt:
left: 50%;
margin-left: -250px;
top: 50%;
margin-top: -300px;
Avatar billede Slettet bruger
31. januar 2006 - 01:51 #2
Min hoveddiv hvor andre div'er er inden er er på
height:566px;
width: 830px;
Jeg vil gerne bevare denne størrelse. Ændre det noget?
Avatar billede jakobsynder Nybegynder
31. januar 2006 - 02:07 #3
Slet ikke, pointen er bare at du sætter top og left til 50%.
Det flytter elementets øverste venstre hjørne til midten af skærmen.
Derefter laver du så et offset med margin, på minus halvdelen af højden og bredden.

I dit tilfælde vil det være:
margin-left: -415px;
margin-top: -283px;
Avatar billede Slettet bruger
31. januar 2006 - 12:41 #4
Det virker... jeg siger mange tak!
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

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