Molto spesso ci sono utenti che chiedono come centrare i contenuti della loro pagina al centro dello schermo, sia in orizzontale che in verticale.

Ho scritto queste due righe utilizzando come contenitore una <table> mono riga e monocolonna.

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>sempre centrato</title>
<style type="text/css">
<!--
body, html {
	height: 100%;
}
table {
	height: 100%;
	width: 100%;
	text-align:center;
	background-color:#CCCCCC;
}
-->
</style>
</head>

<body>
<table>
		<tr>
				<td>qui elemento sempre centrato verticalmente e orizzontalmente</td>
		</tr>
</table>
</body>
</html>
nb il codice, xhtml 1.0 strict, passa indenne la vaidazione W3C

Va correttamente con IE e FF su OSX.
mi fate sapere se fate delle prove con altri browser?

ciaux