Centrare un div con Firefox

[geppo99]

Ciao, non riesco a centrare orrizzontalmente un div con Firefox mentre con IE funziona.

Evidentemente con FF serve qualcos'altro.

Questo è il codice:

###

body {
margin: 0 auto;
text-align:center
}

#skin {
width: 900px;
}

###

<div id="skin">Test</div>

###

Grazie

[mucu]

#skin {
width: 900px;
margin: 0 auto;
text-align: right
}

questo come altre cose iniziali nel percorso di apprendistato vengono richieste tantissime volte
e molte volte è stato anche spiegato

se leggi i post passati non solo rischi di trovare la soluzione ai tuoi problemi attuali, ma anche a quelli futuri e puoi imbatterti in problemi curiosi e divertenti che arricchiranno il tuo bagaglio

[Melq]

Con firefox non hai bisogno del body centrato,
però ti consiglio di inserir sempre un container e dargli una larghezza,
fissa o dimensionale. poi inserisci il tuo div

[mucu]

@melq i siti bisognerebbe farli cross-browser e a lui mancava come centrare il suo container in firefox
e se lo chiama skin invece di container non cambia nulla

[Melq]

è vero mucu ma io non lascio mai un div in solitudine,
nel senso che utilizzo sempre almeno due div, uno dentro l'altro.
e fogli di stile almeno tre, e quando lavoro sto solo sul primo (FF, O, MO, Safari).
se per cross-browser s'intende un solo CSS, io penso sia sbagliato.

[geppo99]

Fatemi capire meglio, dovrei utilizzare due css differenti, uno per IE e l'altro per FF?
Se si, mi date un link a qualche guida che mi spieghi come far funzionare questo meccanismo e in che modo FF e IE dovrebbero caricarsi il css giusto?

Grazie

[mucu]

se vuoi approfondire, cerca i commenti condizionali
per il momento non credo che ti servano

questo codice ti andrà benone

html, body {
   margin: 0;
   padding: 0;
   text-align: center
}
#skin {
   width: 900px;
   margin: 0 auto;
   text-align: left
}