Problemer med at centrere DIV indeni DIV i Mozilla

mærkeligt... dette virker:

<div align="center" style="width:100px; background:green;">

<div style="width:50px; background:red;">test</div>

</div>

virker text-align:center ikke i Mozilla ?

text-align er ikke beregnet på at virke på andet end text -- og slet ikke på block-level elementer !-)

IE renderer dog sådan, at alle elementer centreres, men det er meget simpelt, for i Mozilla er standarden implementeret på det punkt, det er den ikke i ie, så du gør:

#outer{width:100px;text-align:center;background:green;}
#inner{width:50px;margin:0px auto;text-align:left;}

hmm - hvordan virker "margin:0px auto" ?

kan godt se det virker, men forstår det ikke helt :-)

Ved properties, som berører 4 sider af en firkant, kan man bruge/forjkorte til en, to, tre eller 4 parametre:

margin:1px; /*alle 4 sider får margin 1px*/
margin:2px 3px; /*top og bund får 2px, højre og venstre får 3px*/
margin:4px 5px 6px; /*top får 4px, højre og venstre får 5px og bund får 6px*/
margin:7px 8px 9px 10px; /*Rækkefølgen følger uret: starter i toppen og med uret rundt !-)*/

men hvad gør "auto" så ?

Sætter den 'nødvendige' afstand, når den sættes på to modstillede bliver elementet centreret !-)

Se f.eks. http://blooberry.com/indexdot/css/properties/margin/margin.htm

smider du et svar roenving ?

Velbekomme '-)