webForumDet fria alternativet

centrera innehåll

HTML & CSSur HTML, XHTML & CSS

5 svar · 389 visningar · startad av Gimbo

Medlem sedan dec. 20001 626 inlägg
Frågan#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?

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

funkar bättre...

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

Medlem 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. ;)

Medlem sedan juli 2003270 inlägg
#5

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

Medlem 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.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)