body {
text-align:center
}
#container {
width:890px;
margin:0 auto;
text-align:left
}
funkar bättre...
HTML & CSSur HTML, XHTML & CSS
5 svar · 389 visningar · startad av Gimbo
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?
body {
text-align:center
}
#container {
width:890px;
margin:0 auto;
text-align:left
}
funkar bättre...
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..
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. ;)
Tycker att vi kan låta Gimbo få just den stilpoängen... ;)
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