Ah, pues no, no había entendido eso. Disculpa. Creo que este código puede parecerse a lo que buscabas.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Con CSS</title>
<style type="text/css">
body { height: 100%;
overflow: hidden;
margin: 0pt;
}
#superior { background-color: rgb(255, 255, 0);
font-size: 9px;
position: relative;
height: 80px;
}
#inferior { background-color: rgb(255, 255, 0);
font-size: 9px;
width: 100%;
height: 80px;
position: absolute;
bottom: 0pt;
}
#central { background-color: rgb(51, 51, 255);
overflow: auto;
position: absolute;
width: 100%;
top: 80px;
bottom: 80px;
}
</style>
<!--[if IE]>
<style>
#superior {
height: 14%;
}
#inferior {
position: relative;
height: 14%;
}
#central { position: relative;
height: 72%;
top: 0px;
bottom: 0px;
}
</style>
<![endif]-->
</head>
<body>
<div id="contenedor">
<div id="superior">SUPERIOR
<input value="arriba" type="text" /></div>
<div id="central">
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
</div>
<div id="inferior">
INFERIOR
<input value="abajo" type="text" /></div>
</div>
</body>
</html>
Mikel.