フッタをブラウザ下部に固定配置するCSSテクニック

« WordPressのブログ以外の使い方10 | メイン | DaisyDiskのフリーライセンスを3名様にプレゼント »

CSS | 10.02.07 12:32
はてなブックマーク

フッタをブラウザ下部に固定配置するCSSテクニック

フッタをブラウザ下部に固定配置したい。

そんなときにおすすめなのが、『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

ぜひ使ってみてはいかがでしょうか？

cleanstickyfooter

今日のCREAMU

今日もいい天気ですね〜。タスクがたまりすぎているのでいろいろ進めます。

タグ :

もっと見る 関連するエントリー

この記事のトラックバックURL:

abs/articles/2010

???????????????? ??? Vol.29 (??????????????) : ??¿??????, KEI ??¿??????, KEI ?????????????????...
[ abs+ ] (PukiWiki/TrackBack 0.3) | 2010年2月 9日 00:41

abs/articles/list/ABC

abs/articles/list/ABC ?? ??ActionScript ActionScript3????PDF???????????????...
[ abs+ ] (PukiWiki/TrackBack 0.3) | 2010年3月20日 05:13

コメント投稿

Web usability testing by userfly.com
feedFlickr
CREAMUとは？

CREAMU

Webサイト制作に役立つ海外の情報を日々紹介しています。あなたの生活の刺激になればと思います。

運営サイト

このブログのはてなブックマーク数
    Thinkstock

    記事の検索

    スポンサードリンク

    メルマガ

    このブログをメルマガで購読するには、↓にメールアドレスを入力してください。

    配信：FeedBurner

    制作環境

    Apple MacBook Pro 2.53GHz 13.3インチ MB991J/AMacBook Pro 2.53GHz
    13.3inch
    MB991J/A

    最近読んだおすすめの本

    デザイン・ルールズ デザインをはじめる前に知っておきたいこと
    クチコミの技術 広告に頼らない共感型マーケティング
    佐藤可士和の超整理術
    友達ブログ
    最近のエントリー

    アーカイブ

    カテゴリー

    Powered by
    Movable Type 4.27-ja
    あわせて読みたい
    フィードメーター - CREAMU
    人気のエントリー

    アーカイブ

    カテゴリー