Gå til innhold

Centrere div? xD

yinyou

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
Bozzeye

Bozzeye

Skrevet
Skrevet (endret)

Som det står i Les før du poster - Oppslagsverk + FAQ-tråden som er sticky (?):

Hvordan midtstiller jeg en side?

Klikk for å se/fjerne innholdet nedenfor
Alt man trenger å gjøre er å sette disse CSS-egenskapene på div-elementet som inneholder innholdet til siden.

margin: 0 auto;

Da vil margene være 0 piksler på toppen og bunnen og like store (automatisk tilpasset) på høyre og venstre side. Husk at du også må stille inn hvor bred siden skal være.

width:500px;

Width-verdien varierer, sett den til så bred din side skal være.

 

NB! Dette vil ikke funke i Quirksmode IE. (F.eks. hvis du bruker XML deklarasjon eller ikke har satt noen doctype.)

 

Eksempel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="no-bok">
<head>
<title>Sidestilling av side</title>
<style type="text/css">
#container
{
margin: 0 auto;
width: 800px;

/* Sett bakgrunn til rød for å enklere se div-elementet */
background: red;
}
</style>
</head>

<body>
<div id="container">
<p>Sidens innhold</p>
</div>
</body>
</html>

 

Sjekk også: Dead Center

Endret av Mr. Sviker
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å
Gå til emneliste
×
×
  • Opprett ny...