Permalänk
Inaktiv

Centrerad Sida

Tja.

Jag undrar hur man kan få en centrerad sida med hjälp av css kod.
Finns det något enkelt sätt, alltså hur gör man?

Tex som http://webbdesigna.se/.

Tack på förhand!

Permalänk
Medlem
Skrivet av 940606:

Tja.

Jag undrar hur man kan få en centrerad sida med hjälp av css kod.
Finns det något enkelt sätt, alltså hur gör man?

Tex som http://webbdesigna.se/.

Tack på förhand!

Du använder en "wrapper" div med bestämd width och "margin: 0 auto" som CSS regel på elementet.

style.css

#wrapper { width: 760px; margin: 0 auto; }

index.html

<div id="wrapper"> <!-- Din kod här --> </div>

Permalänk
Medlem

testa

body { width:800px; margin:0 auto; }

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Inaktiv
Skrivet av materka:

Du använder en "wrapper" div med bestämd width och "margin: 0 auto" som CSS regel på elementet.

style.css

#wrapper { width: 760px; margin: 0 auto; }

index.html

<div id="wrapper"> <!-- Din kod här --> </div>

Men om man använder sig av pixlar så beror det väl helt på upplösningen som besökaren har på sin dator, jag menar då blir väl bara sidan centrerad
på vissa datorer och använder man sig av % så blir ju sidan också fel beroende på hur stort fönster man har, kanske är det enklaste alternativet bara
en jävla massa kod? haha.
Tack för svaran iaf

Permalänk
Medlem
Skrivet av 940606:

Men om man använder sig av pixlar så beror det väl helt på upplösningen som besökaren har på sin dator, jag menar då blir väl bara sidan centrerad
på vissa datorer och använder man sig av % så blir ju sidan också fel beroende på hur stort fönster man har, kanske är det enklaste alternativet bara
en jävla massa kod? haha.
Tack för svaran iaf

Japp, och just därför använder du auto, som Teknocide skrev. Han skrev en förkortning, och man kan även skriva: margin-left: auto; margin-right: auto; vilket kanske gör det mer tydligt för dig vad koden gör.

Permalänk
Skrivet av 940606:

Men om man använder sig av pixlar så beror det väl helt på upplösningen som besökaren har på sin dator, jag menar då blir väl bara sidan centrerad
på vissa datorer och använder man sig av % så blir ju sidan också fel beroende på hur stort fönster man har, kanske är det enklaste alternativet bara
en jävla massa kod? haha.
Tack för svaran iaf

Pixlarna i hans exempel syftade på innehållet, det du vill centrera. Inte ev. upplösning. Obs att du måste ange en specifik bredd för att centreringen ska funka.

Permalänk
Inaktiv
Skrivet av infinity08:

Pixlarna i hans exempel syftade på innehållet, det du vill centrera. Inte ev. upplösning. Obs att du måste ange en specifik bredd för att centreringen ska funka.

Härligt! Fungerar utmärkt, Tack för svaren!