Salve ragazzi, dopo essermi letto tutte le guide sui layout table-less etc etc stavo provando a piegare alcune soluzioni ai miei scopi.

Vengo subito al problema, ho bisogno di centrare verticalmente ed orizzontalmente gli elementi della mia pagina.

Normalmente avrei utilizzato
codice:
<style>
html,body { height:100%; margin:0; padding:0; }
</style>

<html>
<body>

<table cellpadding=0 cellspacing=0 width=100% height=100%><td align=center>

CONTENUTO

</td></table>

</body>
</html>
Come posso realizzare questo con un bel div?

Ho provato con una cosa tipo:

codice:
<style>
html,body { height:100%; margin:0; padding:0; }
</style>

<html>
<body>

<div style="width:100%; height:100%; text-align:center; vertical-align:middle">

CONTENUTO

</div>

</body>
</html>
Tuttavia... non si centra in altezza manco a pagarlo, in effetti mi sto domandando ma sto vertical align se e' supportato da qualche browser realmente o e' solo un pezzo di css morto..
mentre per il text align qualche elemento si centra, qualche altro no O_o'