CSS: centrare elemento pagina con altezza variabile

[miki_naw]

ciao a tutti,
spero che qualcuno possa darmi un aiuto!
Ho trovato questo ottimo metodo per centrare una box all'interno di una pagina:
--------------------------------------
body,html { height:100%;margin:0 }
#box {
width:350px; height:200px;
position:absolute;top:50%;left:50%;
margin:-100px 0 0 -175px;
}
--------------------------------------
applicando la classe box ad un div tutto funziona alla perferzione. Questo però definisce in maniera assoluta larghezza e altezza. io mi trovo nell'esigenza di centrare una table che contiene il layout dell'intero sito. La larghezza di questa tabella è definita, ma l'altezza varia in base al contenuto.Come posso far rimanere il tutto SEMPRE centrato? E' possibile anche se non ho le dimensioni fisse in altezza?

grazie in anticipo a chi mi aiuterà!

[Mich_]

Non capisco il discorso della tabella. Se deve tenerre tutto il sito, usare una tabella e` contrario all asemantica. Si deve usare un <div>.

per centrare un <div> occorre:
dargli margin: 0 auto; per centrarlo nei browser conformi
dare al suo contenitore text-align: center; per centrarlo in IE.

Il codice postato sopra e` poco utile: il position: absolute; non conviene usarlo mai (salvo che si debbano sovrapporre piu` oggetti) e quindi neppure il top e left.