こんにちは。 WEBサイトの制作にあたり、意外と頭を悩ますのがフッターの位置の固定。 position:fixedを使用することで実現は可能ですが、IE6では正常に表示されません。 javascriptを利用して実現することも可能だと思いますが、今回はCSSのみでフッターの位置を画面の下に固定する方法をご紹介しようと思います。 ここから続き 早速、下記のリンク先を見てみてください。 http://ryanfait.com/sticky-footer/ ブラウザのウィンドウサイズを変えたりしてみても、常にフッターが画面下に固定されていますね。 では、実際に実装する方法の説明です。 [1]:HTMLで最低限必要な記述は以下の通り。 <body> <div class="wrapper"> <!-- コンテンツをここに <h1>タイトル</h1> <p>内容内容内容</p> --> <di