レイアウトの固定幅、固定高さのフルハイト、全幅

Question

レイアウト上でいくつかのヘルプを使用できます。この私が達成しようとしているものです。ここで

は、スペックは以下のとおりです。

• ヘッダは、高さ
• フッターを固定していること（100％一番下に常にあると全幅を持っています）
• コンテンツは固定幅を持っています
• コンテンツは基本的にフルハイトからフッタを引いたものですが、フッタには正確に20pxだけ重なっています

これは、コンテンツがビューポートよりも短くて長い場合にも当然有効です。 私はこれを数時間プレイしてきましたが、すべての機能を実現することができません。

私はここにそれのためにバイオリンを作成しました： http://jsfiddle.net/Sq4Pk/6/

この解決策で問題が現在いる：

• ビューポートを取得短いが、より多くのコンテンツがフッターに重なって（正確に20ピクセルでなければなりません）
• コンテンツの一部は

も可能です。このビューポートを埋めていないのですか？誰かがこれで私を助けることができますか？

私は、これらのソリューションとバリエーションを試してみたが、両方は私のユースケースとは少し異なります。任意の助け

• http://peterned.home.xs4all.nl/examples/csslayout1.html
• http://www.cssstickyfooter.com

おかげでたくさん！

クリス

Answer 1

私は偽のオーバーレイにフッターに2つの余分なdivを挿入し、可能な回避策とフィドルを作成しました。

1つの厄介な欠点：Chromeでは、（ドロップシャドウをマスクする）最も高いdivは、サイズ変更時に1pxシフトするようです。 FF + IEは問題ありません。

http://jsfiddle.net/Sq4Pk/3/

EDITは：http://jsfiddle.net/Sq4Pk/4/

EDIT2：Chromeの画素ずれの修正を見つけたか、それはjQueryのを使用するオプションだ場合、結果は少しでも良いです：http://jsfiddle.net/Sq4Pk/5/