Hvordan sentrere siden med CSS?

[Xvani]

Hei!

 

Sitter og lærer meg CSS bedre, men får ikke til å sentrere siden uavhengig av oppløsning på skjerm.

Vil også ha fast bredde på siden.

 

eksempel

http://www.facebook.com

 

 

 

takk for svar!

[Svinat]

margin: 0 auto; - sentrerer den horisontalt

margin: auto 0; - sentrerer den vertikalt

 

width: 100px; - bredde på 100px

[Xvani]

Uhm, hvor skriver jeg dette?

Endret 16. desember 2006 av Xvani

[Svinat]

Dette kommer i css-filen. Hvis du bruker div så tar du for eksempel:

 

#innhold {

background: url('bilder/bakgrunn.gif') #000 no-repeat;

width: 100px;

height: 100px;

margin: 0 auto;

}

Endret 17. desember 2006 av Svinat

[AKIRAx77]

For så å bare bygge opp på det han sa over så setter du da en DIV rundt alt innholdet på siden din.

 

<DIV id="innhold">Alt som er på siten din her</DIV>

 

AKIRA

[Vindstille]

Husk at IE ikke støtter dette. Så man må sette text-align:center; på elementet over (dvs. de fleste ganger body) for at det skal fungere i IE.

[Svinat]

Jeg vet ikke om dette er noen god løsning, men til IE fant jeg denne koden her i noen sitt innlegg en gang:

 

width: 800px;

position: absolute;

left: 50%;

margin: 0 0 0 -400px;

 

Altså i margin så tar du -halve bredden av diven.

[haugsand]

Husk at IE ikke støtter dette. Så man må sette text-align:center; på elementet over (dvs. de fleste ganger body) for at det skal fungere i IE.

7519331[/snapback]

Presisering:

IE 6 støtter margin: 0 auto; om den mottar riktig doctype, og derfor ikke går inn i quirk-modus. IE 5.5 og lavere støtter den ikke i det hele tatt.

[Vindstille]

Husk at IE ikke støtter dette. Så man må sette text-align:center; på elementet over (dvs. de fleste ganger body) for at det skal fungere i IE.

7519331[/snapback]

Presisering:

IE 6 støtter margin: 0 auto; om den mottar riktig doctype, og derfor ikke går inn i quirk-modus. IE 5.5 og lavere støtter den ikke i det hele tatt.

7520186[/snapback]

Ok. Men da må man fortsatt bruke "text-align:center;" hacken vis man bruker XHTML 1.0 (vel å merke med XML declaration) siden den da går i quirk-modus IE6.

[Magnus Holm]

margin: 0 auto; - sentrerer den horisontalt

margin: auto 0; - sentrerer den vertikalt

 

width: 100px;  - bredde på 100px

7518344[/snapback]

Virker dette? Mener man måtte ty til styggere versjoner for å få midtstilt vertikalt...

[Svinat]

margin: 0 auto; - sentrerer den horisontalt

margin: auto 0; - sentrerer den vertikalt

 

width: 100px;  - bredde på 100px

7518344[/snapback]

Virker dette? Mener man måtte ty til styggere versjoner for å få midtstilt vertikalt...

7520733[/snapback]

Det er kun noe jeg har lest, så jeg skal ikke si meg 100% sikker.

[haugsand]

Husk at IE ikke støtter dette. Så man må sette text-align:center; på elementet over (dvs. de fleste ganger body) for at det skal fungere i IE.

7519331[/snapback]

Presisering:

IE 6 støtter margin: 0 auto; om den mottar riktig doctype, og derfor ikke går inn i quirk-modus. IE 5.5 og lavere støtter den ikke i det hele tatt.

7520186[/snapback]

Ok. Men da må man fortsatt bruke "text-align:center;" hacken vis man bruker XHTML 1.0 (vel å merke med XML declaration) siden den da går i quirk-modus IE6.

7520652[/snapback]

Det stemmer

 

IE krever av en merkelig grunn at Doctype-deklarasjonen skal starte helt øverst i HTML-dokumentet. Ikke engang et linjeskift i forkant er tillatt.

[Håvard]

margin: 0 auto; - sentrerer den horisontalt

margin: auto 0; - sentrerer den vertikalt

 

width: 100px;  - bredde på 100px

7518344[/snapback]

Virker dette? Mener man måtte ty til styggere versjoner for å få midtstilt vertikalt...

7520733[/snapback]

Det er kun noe jeg har lest, så jeg skal ikke si meg 100% sikker.

7520845[/snapback]

Jeg fikk det ikke til, men lurer også veldig på dette.

[Svinat]

Her var det jeg leste det:

https://www.diskusjon.no/index.php?showtopi...dpost&p=7486376

[Håvard]

Her var det jeg leste det:

https://www.diskusjon.no/index.php?showtopi...dpost&p=7486376

7521429[/snapback]

Jeg får ikke det til å fungere

Noen som har noen tips?

[qualbeen]

tips1: ikke ta alt jeg sier for god fisk :-/

tips2: dead center

Endret 17. desember 2006 av qualbeen

[Magnus Holm]

Skal du ha vertikal må du ty til måten Svinat skrev:

div {
height: 50px;
position: absolute;
top: 50%;
margin-top: 25px;
}

[Xvani]

dette funket utrolig dårlig, sikkert fordi menyen til venstre er "fixed"

kan noen se på koden?

 

folk.ntnu.no/fredrile

[Håvard]

tips2: dead center

7521848[/snapback]

Tusen takk. Den hjalp meg kjempe!

[sample]

Trenger hjelp med det samme jeg, jeg skjønnte ikke helt den dead center...?