css - サイズ変更時に固定フッターがレイアウトを壊す

Question

( Ryan Fait Web サイト)のスティッキー フッター スクリプトを使用していますが、これはうまく機能しますが、ブラウザーのサイズを変更 (または最小化) した瞬間に、フッターが他のテキストの上に押し出され、完全に壊れてしまいます。

私は（スポーツとイベントのウェブサイト）で実際の例を持っています

これを修正する方法についてのアイデアはありますか?

Answer 1

IDを定義する #mian_content :overflow:hidden;

このように

#main_content {
    overflow: hidden;
}

結果はこちら

Answer 2

ルールに追加clear:bothするのを忘れました。#footer, .push以下のようにcssを追加すると、動作します。

#footer, .push {
    height: 202px;
    clear: both; /* add this */
}