css-small-box:yahho-sticky-footer
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
css-small-box:yahho-sticky-footer [2008/08/10 22:35] – コメント微修正 dgbadmin | css-small-box:yahho-sticky-footer [2015/09/26 21:48] (現在) – [ダウンロード] dgbadmin | ||
---|---|---|---|
行 19: | 行 19: | ||
* div# | * div# | ||
* div# | * div# | ||
+ | * 表示後にWindowの高さを変えた場合、IE8とOpera以外はフッターが下に張り付いたままだが、IE8とOperaはWindowに合わせて表示内容の大きさが変わってくれない(# | ||
===== サンプル ===== | ===== サンプル ===== | ||
- | [[http:// | + | [[http:// |
行 30: | 行 30: | ||
===== ダウンロード ===== | ===== ダウンロード ===== | ||
- | [[http:// | + | [[http://g.0-oo.net/yahho-sticky-footer.css|yahho-sticky-footer.css]] |
行 37: | 行 37: | ||
@charset " | @charset " | ||
/** | /** | ||
- | | + | |
- | | + | |
- | | + | |
- | | + | |
| | ||
*/ | */ | ||
行 47: | 行 47: | ||
height: 100%; | height: 100%; | ||
} | } | ||
- | div#doc, div# | + | body{ |
+ | margin-top: 0; | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #doc, #doc2, #doc3, #doc4, #custom-doc{ | ||
position: relative; | position: relative; | ||
min-height: 100%; | min-height: 100%; | ||
- | _height: 100%; /* for IE6 */ | + | _height: 100%; /* for IE6 */ |
} | } | ||
- | div#ft{ | + | #ft{ |
position: absolute; | position: absolute; | ||
bottom: 0; | bottom: 0; | ||
行 59: | 行 63: | ||
/* フッターの高さはサイトに合わせて変える */ | /* フッターの高さはサイトに合わせて変える */ | ||
- | div#bd{ | + | #bd{ |
- | padding-bottom: | + | padding-bottom: |
} | } | ||
- | div#ft{ | + | #ft{ |
height: 3em; | height: 3em; | ||
} | } | ||
</ | </ | ||
css-small-box/yahho-sticky-footer.txt · 最終更新: 2015/09/26 21:48 by dgbadmin