css - コンテンツ div の画像がスティッキー フッターと重なっている

Question

ここでかなり厄介な問題があります。Web で見つけたスティッキー フッターを使用していますが、これは完全に機能しますが、メイン コンテンツ領域に大きな画像がいくつかあり、フッターと重なっています。

何か案は？実際の例へのリンク - インターフェイスをクリックして表示します

Answer 1

divの高さは、の高さと同じである#wrapper必要があります。この場合、96pxのように見えます。確かに「ウェブ上で見つけた粘着性のあるフッター」はそれについて言及しているはずです！padding-bottom#footer

Answer 2

あなた#wrapperには負のマージンがあります。それを取り出して、それはちょうどよく見えます

#wrapper {
    width: 90%;
    padding: 10px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto; /** Removed the negative bottom margin **/
    overflow: hidden;
    background: white;
    overflow: hidden;
}