Hola Juan,
Como comentan en el post anterior, el problema es que con css de momento no se pueden realizar operaciones matemáticas.
Si las dos capas dentro de la capa madre tuviesen un porcentaje en altura entonces si, pero no es tu caso, tu quieres una cabecera en pixeles y la otra que ocupe el resto y para eso además hay que acceder a la altura de window y/o de document.
Te paso un ejemplo que además de hacer lo que hace el que ha puesto el anterior compañero, te redimensionaría la capa en el evento de window resize.
Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-1" />
<meta name="lang" content="es" />
<meta name="generator" content="editplus"/>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
div#contenedor
{
max-height:100%; position:relative;
min-height:100%;
height:100%;
max-width:100%;
min-width:100%;
width:100%;
}
div#contenedor div#cabecera
{
max-height:200px; position:relative;
min-height:200px;
height:200px;
max-width:980px;
min-width:980px;
width:980px;
margin: 0 auto;
background:#000000
}
div#contenedor div#contenido
{
position:relative
max-height:100px;
min-height:100px;
height:100px;
max-width:980px;
min-width:980px;
width:980px; display:block;;
margin: 0 auto;
background:#333333;overflow:auto;
}
</style>
</head>
<body id="body" style="height: 100%;width:100%;margin:auto;position:relative;margin:0">
<div id="contenedor">
<div id="cabecera">
</div>
<div id="contenido">
<div style="pading:10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vulputate dignissim dictum. Aliquam erat volutpat. Donec dictum convallis erat, eu posuere neque ullamcorper sit amet. Sed facilisis posuere tristique. Nam adipiscing, quam ac pellentesque dapibus, ante metus pharetra dolor, non varius justo lorem vitae est. Mauris tempor molestie metus, vitae rutrum risus mattis nec. Ut leo tellus, congue vitae ultrices a, commodo quis mauris. Sed tortor arcu, convallis a consectetur non, tincidunt et orci. Proin lobortis, leo non egestas tristique, velit libero ornare libero, varius ornare arcu ante sit amet tortor. Nullam tempor rutrum neque nec porttitor. Quisque mollis, risus eget pharetra egestas, erat velit fringilla risus, id lacinia mi elit ac erat. Mauris vestibulum laoreet rutrum. Praesent eu sollicitudin eros. Curabitur metus dui, consequat bibendum egestas ac, semper id erat.
In ullamcorper diam vel diam tempus consequat. Mauris a magna elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dui est, auctor ac ultrices sit amet, porta vitae purus. Suspendisse at mauris mi, sed pharetra erat. Donec dolor nisi, porttitor semper placerat non, imperdiet at urna. Donec volutpat viverra risus, nec semper magna faucibus et. Aliquam ut diam nibh, sed mattis libero. Ut convallis molestie tellus, nec malesuada ligula sollicitudin vel. Duis pharetra, eros condimentum tristique blandit, tortor ante interdum magna, eu vestibulum tortor ligula eget mi. Duis consectetur tincidunt hendrerit.
Curabitur blandit quam sed metus tincidunt quis faucibus justo rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas a diam vel turpis lobortis sodales nec eget sapien. Duis congue ultricies elit non euismod. Curabitur sollicitudin aliquet magna, et convallis tortor mattis nec. Duis sit amet ligula est. Etiam posuere lectus ante. Maecenas sagittis tempus lectus, id bibendum nisl mollis sit amet. Mauris rhoncus, velit et consequat malesuada, diam velit molestie nisl, at egestas quam erat in magna. Fusce id justo dui, et laoreet erat. Sed pretium, mi ac fringilla sollicitudin, magna tellus sollicitudin urna, et tempor nisi quam porta justo. Vestibulum pharetra tempus laoreet. In at lectus eget mi vehicula lacinia vitae sit amet nulla. Vivamus malesuada sem non tortor eleifend at rutrum nisl consectetur. Praesent vel justo et justo accumsan ultrices.
Duis massa justo, semper eu ultricies quis, dapibus ac erat. Suspendisse eget elit sapien. Maecenas a nisl purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate orci eget arcu auctor commodo. Aliquam placerat lacus et leo rhoncus molestie. Fusce dui felis, ultrices at viverra vitae, ullamcorper at leo. Etiam viverra rutrum lacus nec suscipit. Cras dictum laoreet ipsum, sed laoreet ipsum sagittis et. Ut posuere diam ut dui ultricies eu pretium justo euismod. Aenean vitae libero in justo dignissim sagittis vitae vitae felis. Sed interdum bibendum augue in sollicitudin. Nullam bibendum sagittis diam non pretium.
Pellentesque in lacus a orci ullamcorper mollis. Donec odio tellus, eleifend at sodales eu, bibendum pulvinar sem. Nullam ut felis sit amet eros accumsan congue id nec arcu. Integer scelerisque libero sed odio ultricies sit amet imperdiet tellus ornare. Donec iaculis arcu quis sapien luctus vitae dictum ipsum ornare. Vivamus semper, quam fermentum dapibus sodales, mauris metus feugiat elit, eu posuere velit augue at enim. Integer eros sem, congue vitae fermentum vel, pulvinar nec ante. Nam a arcu tellus. Aliquam pretium, sapien mattis congue bibendum, sem nulla mollis ligula, nec pretium mi metus eu lectus. Proin sodales sollicitudin felis, sit amet molestie justo auctor non. Cras id dolor mi. Nulla at urna et enim vestibulum mattis at et lectus. Sed lectus nulla, luctus malesuada lacinia sed, pellentesque sed velit. Pellentesque a justo eget augue eleifend pretium id eget ligula.
</div>
</div>
<script>
function midealtocapa()
{
alto= $(window).height()-200;
$("#contenido").height(alto)
}
$(window).resize
(
function()
{
midealtocapa();
}
);
$(document).ready
(
function()
{
midealtocapa();
}
);
</script>
</body>
</html> Salu2 ;)