I början av Januari 2014 låstes Whoa och du kan alltså ej logga in eller skriva något nytt i forumen. Innehåll i forum osv kommer finnas tillgängligt. Läs Mer »

CSS: Centrera en DIV?

Hobby & Fritid - Datorer & Teknik

   

2008-04-23 12:21

CSS: Centrera en DIV?

Tja. Nu får jag spel! Hur centrerar man en div?


Jag har en div 750px bred som heter container. I den har jag 2 divar, en 500px bred och en 250 px bred. Container diven vill jag centrera så den hamnar i mitten av sidan.

#container {
width: 750px;
height: 400px;
background: #ff0000;
align: center;
}

align: center; funkar inte. Något tips? Har googlat men hittar inget vettigt. Tack

jag har alltid rätt.

2008-04-23 12:30
aah. Nu minns jag. margin: 0 auto löser problemet. Längesen jag pillade med sånt här den satt långt inne :P
jag har alltid rätt.

2008-04-23 14:44
Kan vara bra att veta att det bara fungerar om du satt en bredd oxå, ifall du skulle ha ett sånt problem någon gång.
this is for my niggas and my nymphos, non stop bangin like a dilla instrumental

2008-04-23 15:39
okej. 

Jag har ett till problem. I min div har jag text. Texten kommer ända in till kanten på diven, jag vill ha ett mellanrum på 10px mellan kant och text. Padding löser ju problemet, men läses olika av olika browsers. Safari lägger till 10 pixlar utanför diven, så det blir större. Jag vill alltså att den ska vara 500px bred och sen ha 10 px mellanrum på INSIDAN. Hur löser jag detta? Kan väl inte vara så svårt, en grundsak ju. Man skulle kunna göra en till div som är 480 och lägga centrerat i 500px diven, men då blir det så jävla många divar. 
jag har alltid rätt.

2008-04-23 15:48
Sätt så att p har en padding istället :)

10-4, over...
"Not so funny now, funny man..." - Å, jo, totally worth it! ;)
Mabande In The Park - once in a lifetime, baby
Thugz 4 hugZ - kärlek istället för gangsterpropaganda

2008-04-23 18:31
Sätt bredden till 480px och kör 10px padding. Det är det korrekta sättet att göra det på.
this is for my niggas and my nymphos, non stop bangin like a dilla instrumental

2008-04-23 18:36
Och för att förtydliga lite så sätter INTE safari/firefox osv. paddingen på utsidan. Det dom däremot gör är att räkna ut bredden på korrekt sätt (bredd=divens bredd+padding+border).

Paddingen är fortfarande på insidan, men eftersom paddingen påverkar divens bredd så blir den 10px bredare på varje sida.

Googla box model hack så ser du hur du kommer runt explorers felaktiga rendering.
this is for my niggas and my nymphos, non stop bangin like a dilla instrumental