フッタをブラウザ下部に固定配置したい。
そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。
IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。
ほかには同様のテクニックに以下のものがありますが、前者はwidth:100%のフッタには対応していないようです。
CSS Sticky Footer
ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』
対応ブラウザは以下の通り。
・Firefox (2, 3, 3.5)
・Internet Explorer (6, 7, 8)
・Safari
・Opera
・Google Crome
ぜひ使ってみてはいかがでしょうか？
Editor's Note
今日もいい天気ですね〜。タスクがたまりすぎているのでいろいろ進めます。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
