ゼロと無限の間に

フリーでオープンソースなJavaScriptとかPHPとか。

ユーザ用ツール

サイト用ツール


css-small-box:yahho-sticky-footer

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
css-small-box:yahho-sticky-footer [2010/04/09 22:47]
dgbadmin URL訂正
css-small-box:yahho-sticky-footer [2015/09/26 21:48] (現在)
dgbadmin [ダウンロード]
行 19: 行 19:
   * div#doc系の上下に枠線があると、枠線の太さの分だけはみ出す(スクロールバーが表示される)ので上下の枠線は無い方が良い   * div#doc系の上下に枠線があると、枠線の太さの分だけはみ出す(スクロールバーが表示される)ので上下の枠線は無い方が良い
   * div#bdは伸びない。コンテンツが少ない場合、コンテンツとフッターの間の背景はdiv#doc系の背景になる   * div#bdは伸びない。コンテンツが少ない場合、コンテンツとフッターの間の背景はdiv#doc系の背景になる
 +  * 表示後にWindowの高さを変えた場合、IE8とOpera以外はフッターが下に張り付いたままだが、IE8とOperaはWindowに合わせて表示内容の大きさが変わってくれない(#bdの高さが変わらない)。IE8はjQuery1.3以降を読み込んでおけばこの現象を回避できるようだ
  
 ===== サンプル ===== ===== サンプル =====
-[[http://0-oo.net/sam/yahho-sticky-footer|Yahho Sticky Footerのサンプル]]+[[http://0-oo.net/sam/yahho-sticky-footer/|Yahho Sticky Footerのサンプル]]
  
  
行 30: 行 30:
  
 ===== ダウンロード ===== ===== ダウンロード =====
-[[http://0-oo.net/css/YahhoStickyFooter.css|YahhoStickyFooter.css]]+[[http://g.0-oo.net/yahho-sticky-footer.css|yahho-sticky-footer.css]]
  
  
行 37: 行 37:
 @charset "UTF-8"; @charset "UTF-8";
 /** /**
-  Yahho Sticky Footer ( for YUI 2 Grids.css )+  Yahho Sticky Footer (Sticky Footer for YUI 2 Grids.css)
   @see       http://0-oo.net/sbox/css-small-box/yahho-sticky-footer   @see       http://0-oo.net/sbox/css-small-box/yahho-sticky-footer
-  @version   0.1.2a +  @version   0.1.3a 
-  @copyright 2008-2010 dgbadmin@gmail.com+  @copyright 2008-2011 dgbadmin@gmail.com
   @license   http://0-oo.net/pryn/MIT_license.txt (The MIT license)   @license   http://0-oo.net/pryn/MIT_license.txt (The MIT license)
  */  */
行 48: 行 48:
 } }
 body{ body{
-    margin: 0 auto;+    margin-top: 0; 
 +    margin-bottom: 0;
 } }
 #doc, #doc2, #doc3, #doc4, #custom-doc{ #doc, #doc2, #doc3, #doc4, #custom-doc{
css-small-box/yahho-sticky-footer.1270820829.txt.gz · 最終更新: 2010/04/09 22:47 by dgbadmin