Y creo que esto podría valer para IE6:
Cita: <!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>
<title>Simulacion tabla</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
* { margin: 0px;
padding: 0px;
}
html, body { height: 100%;
width: 100%;
text-align: center;
}
#padre { border: 1px solid rgb(204, 204, 204);
position: relative;
background-color: blue;
height: 99.6%;
}
#uno { border-color: rgb(204, 204, 204);
border-width: 1px;
border-bottom: 1px solid rgb(204, 204, 204);
background-color: red;
line-height: 3.2em;
height: 3.2em;
}
span { position: relative;
top: 40%;
}
</style>
</head>
<body>
<div id="padre">
<div id="uno">Esta fila tendrá siempre 50px de
alto</div>
<div id="centrado_v"><span>Esta fila
ocupará el resto de alto</span></div>
</div>
</body>
</html>
Así que ahora sólo habría que mezclarlos, o bien usar hojas de estilo separadas con un comentario condicional.
No sé si quedará exacto exacto a lo que tú querías, pero es que esto así, en abstracto, sin un contexto concreto resulta más difícil hacer con precisión lo que tú estás imaginando.
Y ya hablando de esto... ¿para qué demonios quieres ese diseño? ni me lo imagino. ¿O es que es un reto personal, en lugar de algo real?.
Mikel.