jquery - CSS動的高さ、スクロールオーバーフロー、上下の2つの固定高さdiv

Question

私はまさにこのレイアウトを目指しています：http：//jsfiddle.net/rQVmK/

...ただし、「上」の上と「下」の下に別の固定高さのdivが追加されています。ウィンドウのサイズが垂直方向に変更されると、コンテンツコンテナの高さが拡大/縮小するはずです。スクロールバーは、コンテンツのオーバーフロー時に表示されます。イラスト（申し訳ありませんが、新しいユーザーとして画像を直接埋め込むことはできません）：

http://i47.tinypic.com/s2bsic.gif

可能であれば、cssのみでこれを実現したいと思います。jQueryソリューションは望ましくありませんが、cssだけで不可能な場合は、許容できる妥協案です。

Answer 1

最も簡単な解決策は、上部と下部のコンテナを2つの水平部分に分割することです。

<div id="div3">
    <div id="subfooter" style="height:15px;width:100%">Sub Footer</div>
    <div id="footer" style="height:15px;width:100%">Footer</div>
</div>

必要に応じて編集する必要がありますが、アイデアを出すには十分だと思います。