Pocket
LINEで送る

今まで僕はフッターをいい感じに下にくっつけたことがありませんでした。本日ついにいい感じに下にくっつけることが出来るようになりました。height:auto !importantというのはIE対策だそうですのでIE考えないなら不要です。wrapにcontentsとfooterを入れて、html,bodyをheight100%にして、wrapもmin-height100%にして、footerをposition:absoluteにしつつ、bottom:0にすると下にくっつきますし、コンテンツが多ければちゃんとコンテンツの最後に表示されます。基本のきだとは思いますが嬉しかったです。

#wrap{
    width:100%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
}
#contents{
    padding-bottom:94px;
}
#footer{
    background-color: rgba(0,0,0,.5);
    color: #eee;
    font-size:13px;
    position: absolute;
    bottom:0;
    width:100%;
    padding:15px 0 10px 0;
    text-align: center;
    height:64px;
}
#footer a, #footer a:hover{
    color: #eee;
}
Pocket
LINEで送る

カテゴリー: プログラミング

コメントください

関連記事

プログラミング

cakePHP2 – 多言語化

多言語化します。 cakephpマニュアルのこのページに説明が書いてあ 続きを読む …

プログラミング

Go言語によるビットコインのフルノード実装btcdを調べる(2)

btcdを実行した際のプログラムの流れを最初から確認してみます。 se 続きを読む …

%d人のブロガーが「いいね」をつけました。