高さを使用している場合、ビューポートの後でページが停止する：bodyおよびhtmlで100％

Question

私はhttp://ryanfait.com/sticky-footer/を使用して、フッターを最下部に置いています。以前はをhtmlとbodyに使用していましたが、ページがビューポートよりも小さいときにページ全体を塗りつぶしました。ただし、これにより、ビューポートの後にボディが停止します（バックグラウンドなし）が、ページの残りの部分は続きます。 Stocky Footerはこれとはあまり関係がありませんが、コードの例です。
min-height: 100%;を試してみましたが、それでも問題はありません。これを理解することはできません。どんな助けも素晴らしいでしょう。

編集

ウェブサイトフッターは、あなたがこの質問に答えて使用することができますページの絶対一番下に常にあることを確認するためにhttp://www.markduffymusic.com/index.php

Answer 1

次のとおりです。このためMake div stay at bottom of page's content all the time even when there are scrollbars

を背景画像を使用するには、background-imageをページ全体の高さを取る1つの要素（この場合は#holder div）に配置する必要があります。

#pagecontainerには2つのフローティング要素があり、クリアされていません。つまり、ブラウザは、設定された高さを#pagecontainerに割り当てません。これを解決するには、overflow: hidden〜#pagecontainerという要素が必要です。

有用なCSS Tricks記事はThe How and Why of Clearing Floatsです。