Gå til innhold

Sentrere side både horisontalt og vertikalt


Anbefalte innlegg

Videoannonse
Annonse

HTML:

<div id="body">side her</div>

CSS:

div#body {
     position: absolute;
     width: 800px;
     height: 600px;
     left: 50%;
     top: 50%;
     margin-left: -400px;
     margin-top: -300px;
}

 

Det denne kode-biten gjør er å lage en div som starter midt i skjermen, minus den pixel-verdien du setter i - for margin-left og margin-top..

 

så.. forandrer du "width" eller "height", så husk å sett "margin-left" til halvparten av "width", og "margin-top" til halvparten av "height"..

 

xhtml og css valid...

 

NB! husk at du kun bør bruke denne måten hvis du vet "height", og den ikke kan bli større.. da kan det bli litt fucked... :p

 

EDIT> trykkleif

Endret av cfenzo
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...