Gå til innhold

Centrere div? xD

yinyou

Anbefalte innlegg

yinyou

yinyou

Skrevet
Skrevet

Enkelt og greit hvordan centrerer man en div med css?

Har prøvd å søke både i forumet og google men har ikke funnet ut det. x

Videoannonse

Videoannonse
Annonse
Badering

Badering

Skrevet
Skrevet

Mener å huske at man også må ha text-align:center i body-tagen så det fungerer i IE. Var noe sånt.

 

Aka;

 

body {
text-align:center;}

#diven {
width: 555px;
margin: 0 auto;
text-align:left;
}

Runar0

Runar0

Skrevet
Skrevet (endret)

Det badering sier er faktisk sant. IE 6 (Tror det var 6 kan vere det er 5.5) sentrerer ikkje når du skriver margin: 0 auto; og da kan text-align: center; i body tagen hjelpe deg.

Endret av Runar0
iernie

iernie

Skrevet
Skrevet

Kan jo alltid bare legge til en text-align: center; i body-taggen for sikkerhetens skyld. Så text-align: left/justify på neste hoved div slik at teksten blir riktig.

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

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...