webForumDet fria alternativet

centrera innehåll

5 svar · 387 visningar · startad av Gimbo

GimboMedlem sedan dec. 20001 626 inlägg
#1

Hej,

jag vill centrera innehållet på min sida vilket jag lyckas med via den här koden:

div#container
{
	/* Make element float in the center */
	width:890px;
	position: absolute;
	left: 50%;		
	margin-left: -450px;
}

men när jag förminskar webläsaren och därefter maximerar den så fastnar innehållet som jag centrerat en aning till vänster verkar som att den tar hansyn till scrollern då den centrerar på något konstigt sätt, hur kan jag få innehållet att alltid vara centrerat?

cayaMedlem sedan aug. 20051 448 inlägg
#2
body {
text-align:center
}
#container {
width:890px;
margin:0 auto;
text-align:left
}

funkar bättre...

NiponMedlem sedan juli 2003270 inlägg
#3

Pröva detta i stället:

div#container
{
/* Make element float in the center */
width:890px;
margin : 0 auto; /* marginal: över/under sida/sida */
}

Red: caya hann före..

Danne VMedlem sedan aug. 20068 090 inlägg
#4

En liten slant på Cayas förslag.

En del äldre webbläsare (IE 4 och 5?) respekterar inte margin:auto, utan behöver en "text-align:center" i "parent element" (föräldraelementet?). Ofta är det ju body det.
Sen justeras text-align tillbaka till vänster i divven och följaktligen allt under.

Men Nipon får stilpoäng på de engelska kommentarerna inuti stilen. ;)

NiponMedlem sedan juli 2003270 inlägg
#5

Tycker att vi kan låta Gimbo få just den stilpoängen... ;)

Danne VMedlem sedan aug. 20068 090 inlägg
#6

Nipon skrev:

Tycker att vi kan låta Gimbo få just den stilpoängen... ;)

DOH!
Här försöker man vara snäll..... :r

126 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)