css - CSS の問題: フッターが上のコンテンツと重なっている

Question

こちらをご覧ください http://sources.freehosting.b/1st-level.html

ウィンドウ内でページが「最小化」されると、フッターが上記のコンテンツに重なって表示されます。これを何時間も解決しようとしましたが、うまくいきませんでした。

最大化: http://store.picbg.net/pubpic/99/2A/db640a6f9063992a.PNG 最小化: http://store.picbg.net/pubpic/E4/96/2c1e86018b7be496.PNG

フロートはクリアされました。何が原因なのかわかりません。私がそれを解決するのを手伝ってください...

Answer 1

あなたsetHeightsが問題を引き起こしています。それは、コンテンツの高さ#contentとメイン.mainをコンテンツよりも小さく設定しているため、オーバーフローします。それを取り出すと、機能し-20ているように見えますが、コンテンツとともに拡大するように、高さを設定するのはなぜですか。

function setHeights() {
    var newHeight=$(document).height() - 290;
    $('#content').height(newHeight);
    $('.main').height(newHeight/*-20*/);
}

Answer 2

CSSでmargin-top: -30pxfromを削除する必要があります。#footer