Hola Mik y todos...
Los pocos que hayan leído algunas de mis breves aportaciones al foro sabrán que no merezco ninguna sospecha sobre el uso de tablas, por tanto, sin mucha seguridad, porque no utilizo tablas para casi nada, aporto esta solución al problema planteado por Mikmoro (sólo como divertimento y con ánimo de polemizar
):
Peso total del código css de Mikmoro: 992 bytes
Peso total de esta propuesta: 767 bytes
Centrado en base a una tabla: probado en ie6, ie7, ie8, ff2, ff3, opera10, safari4, y chrome2, funcionando perfectamente y permitiendo el "resizado" a cualquier tamaño.
Código HTML:
<!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" lang="es-es">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Centrado Vertical en base a una tabla</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
}
.tabla {
width: 100%;
height: 100%;
}
td {
height: 100%;
}
.texto {
height: 30%;
background-color: #f00;
color: #fff;
}
</style>
</head>
<body>
<table cellspacing="0" class="tabla" cellpadding="0">
<tr>
<td><div class="texto">Texto de prueba, más texto de prueba, otro texto de prueba y el último texto de prueba</div></td>
</tr>
</table>
</body>
</html> He utilizado como referencia los datos aportados por Mik en su ejemplo.
Venga... a opinar!!
Bye
/* Por supuesto es código válido */