Centrare un DIV

[NewMac]

salve a tutti
è la prima volta che scrivo in questo forum e sperom di ricever una risposta da voi che rispetto a me siete IPEResperti!

Allora...

Come faccion a centrare un div "padre" (ovvero che contiene tutti i div) centrato e a larghezza fissa che si adatti a tutte le risoluzioni e a tutti i Browser?


Grazie

[VaLvOnAuTa]

metti nello stile del div questo:

margin: auto auto;

[Mich_]

Per i browser standard, devi inserire
margin:auto;
nel CSS del blocco da centrare (come ha scritto anche valvonauta).
Per il browser IE devi inserire
text-align: center;
vertical-align: middle;
nel CSS del blocco che contiene quello da centrare (nel tuo caso mi pare il body)

[GreyFox86]

Quello non funziona su IE.
Usa una cosa del genere (nel caso il div padre sia contenuto direttamente in body):

body {text-align:center;}
div#padre {
text-align:left; /*ripristini l'allineamento. usa justify se preferisci*/
margin: ???px auto; /*al posto dei ??? metti il valore in pixel per il margine verticale del div se ti interessa */
}

Questo dovrebbe essere compatibile con ogni cosa, fin'ora non mi ha mai tradito

[NewMac]

ok grazie mille raga, lo provo e vi faccio sapere ok?

[capsula]

Allora ho provato dato che serviva anche a me e ho notato che:

 margin:auto auto;

funziona perfettamente su Firefox. Non funziona su IE (ma che strano!!)

 body {text-align:center;}
div#padre {text-align:left; }

: situazione capovolta. Funziona su IE. Non funziona su Firefox.


Quindi per farlo funzionare su tutti e due io ho fatto così:

 body {text-align:center;}
div#padre {text-align:left; margin: auto auto; }

In questo modo mi funziona su tutti e due i Browser.

Non c'è una soluzione migliore? Un codice che vada bene per tutti e due i browser?
Ora bisogna testarlo anche su Mozilla, Opera, NetScape, Safari..... VVoVe:

[GreyFox86]

Originariamente inviato da capsula
Quindi per farlo funzionare su tutti e due io ho fatto così:

 body {text-align:center;}
div#padre {text-align:left; margin: auto auto; }

In questo modo mi funziona su tutti e due i Browser.

Non c'è una soluzione migliore? Un codice che vada bene per tutti e due i browser?
Ora bisogna testarlo anche su Mozilla, Opera, NetScape, Safari..... VVoVe:

E' quello che ho scritto prima. Se leggi bene il mio codice è identico :P
Cmq che io sappia non ci sono alternative migliori. Se qualcuno le conoscesse sarebbe il benvenuto