Ocasionalmente pueden querer los diseñadores centrar contenido en una página web y la quieren centrada tanto horizontal como verticalmente. El método tradicional para hacerlo es poner el contenido en una tabla y asignar valores de un 100% a la tabla de atributos de la altura y el centro de la atributo ALIGN. Recientemente, este enfoque se ha vuelto más problemático.
<html>
<head>
<meta http-equiv=¨Content-Type¨ content=¨text/html; charset=iso-8859-1¨>
<meta http-equiv=¨imagetoolbar¨ content=¨no¨>
<meta name=¨MSSmartTagsPreventParsing¨ content=¨true¨>
<title>Quirks Mode Rendering</title>
<style type=¨text/css¨>
body{color:#000; background-color: #fff;margin:0;padding:0}
table{border:1px solid #008}
</style>
</head>
<body>
<table width=¨450¨ height=¨100%¨ align=¨center¨ bgcolor=¨#ccccff¨>
<tr>
<td><p>The table tag for the table containing this text looks like this:</p>
<p><code><table width="450" height="100%" align="center" bgcolor="#ccccff"> </code></p>
<p>Note that it expands verticaly because it is rendered in quirks mode. </p>
<p align=¨center¨><a href=¨javascript:close ()¨>Close this window</a> </p></td>
</tr>
</table>
</body>
</html>