このようなレイアウトをクロスブラウザ対応にすることができるのか気になります。コンテナ div 内に 2 つの div を並べて配置したいと考えています。右側の div のコンテンツは、レイアウト全体の高さを引き伸ばす必要があります。つまり、コンテナー div の高さを引き伸ばす必要があります。
左の div には、高さが固定されたヘッダーとフッターの div が必要です。これら 2 つの div の間に、スクロール可能なコンテンツ div が必要です。この div は、右側の div のコンテンツが大きくなるにつれて拡大する必要があります。
私はこれを Google Chrome で動作させました: http://cssdesk.com/PFNuX
ただし、IE や FF では動作しません。
フローティングdiv、テーブル、divをテーブルとして表示するなど、さまざまなソリューションを試しましたが、適切に機能するソリューションはありませんでした。上記のソリューションのみが機能し、Chrome でのみ機能します (Opera と Safari は試していません)。
私の推測では、jQuery や JavaScript を使用することで、すべてのブラウザーでこれを機能させることができると思いますが、まだ試していません。CSS のみを使用し、JS を使用しない最新のすべてのブラウザーで動作するソリューションを希望します。