A CSS Sticky Footer を参考に footer を修正しました。
HTML
<body> <div id="id_wrapper_main"> <div id="id_header"> </div> <div id="id_main"> </div> <div class="push"></div> </div> <div id="id_footer" class="push"> </div> </body>
CSS
* { margin : 0; } html, body { height : 100%; } .push { height : 30px; } #id_wrapper_main { min-height : 100%; height : auto !important; height : 100%; margin : 0 auto -30px; } #id_footer { }
footer を最下部へ はコメントを受け付けていません。