<!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: none!important;
border: 1px solid rgb(204, 204, 204);
position: relative;
background-color: blue;
height: 100%!important;
height: 99.6%;
}
#uno { border-style: solid solid none!important;
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;
}
#padre > #centrado_v { border: 1px solid rgb(204, 204, 204);
text-align: center;
position: absolute;
top: 3.2em;
background-color: blue;
left: 0px;
right: 0px;
bottom: 0px;
}
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>