Hola, pensé que iba a ser fácil pero me he metido en un hoyo.
Resulta que quiero hacer una página que se ajuste automáticamente a la resolución de pantalla que maneje el explorador.
La página es sencilla; un header, un contenido y un footer.
He intentado usar
Código:
html, body {margin:0; padding:0; height:100%;}
y una tabla
Código:
<table width="600px" height="100%">
<tr height="100px">
<td >
"HEADER"
</td>
</tr>
<tr height="100%">
<td>
"CONTENIDO"
</td>
</tr>
<tr height="100px">
<td>
"FOOTER"
</td>
</tr>
</table>
Lo he intentado con DIV de la misma forma y tampoco ha funcionado. Lo que sucede es que el 100% del
tr que contiene al "contenido" toma el 100% no del restante de la tabla sino de toda la altura del explorador.
Saludos.