Como posso obter a seguinte estrutura sem usar tabelas ou JavaScript? As bordas brancas representam bordas de divs e não são relevantes para a pergunt

O tamanho da área no meio vai variar, mas ele terá valores exatos de pixels e toda a estrutura deverá ser dimensionada de acordo com esses valores. Para simplificá-lo, eu precisaria de uma maneira de definir a largura "100% - n px" para as divs superior-média e inferior-médi

Eu apreciaria uma solução limpa entre navegadores, mas, caso isso não seja possível, os hacks CSS serão útei

Aqui está um bônus. Outra estrutura com a qual tenho lutado e acabo usando tabelas ou JavaScript. É um pouco diferente, mas apresenta novos problemas. Eu tenho usado principalmente no sistema de janelas com base em jQuery, mas gostaria de manter o layout fora do script e controlar apenas o tamanho de um elemento (o meio