3つのフッターはすべて同じhtmlおよびcssコードを持っていますが、3つのページのそれぞれで動作が異なります。場合によっては下部に、他のページでは中央に、もう一方は下部にありますが、前のdiv（#main）の間にギャップがあります。
jsfiddle.net/BBnzW/
jsfiddle.net/6cYQg/
jsfiddle.net/USSds/
なぜだと思いますか？jsfiddleで動作することを確認してから回答してください。私は以前にたくさんの試みをしました。
コードは30000charsのstackoverflowコード制限を超えているため、ここに貼り付けることはできません。
#main { position: absolute }フッターがコンテンツの中央に配置される原因になっています。そして.w1 { padding-bottom: ... }、#footer { margin-top: ... }余分な空白を生成しています。しかし、それを削除しても問題が完全に解決するとは思いません。
スティッキーフッターを取得しようとしているようです。これを試してくださいhttp://jsfiddle.net/fL4XF/18/。シンプルなCSSと余分なマークアップはありません。IE7で動作します。
IE6で動作する もう1つのスティッキーフッターがあります。ただし、追加のマークアップが必要です。それはあなた次第です。