2009年1月8日のブックマーク (2件)

  • YUI Grids.cssのフッターをページの下側にくっつけるスタイルシート - Yahho Sticky Footer [ゼロと無限の間に]

    更新履歴とコメントはゼロと無限の間のログ » Yahho Sticky Footerでどうぞ。 WebブラウザのWindowサイズにかかわらず、フッター部分をページの下端にくっつける、いわゆるスティッキー・フッター。 ページのコンテンツが多い場合は普通にコンテンツの下にフッターを表示し、コンテンツが少なくてもページの下側にくっつく。 A CSS Sticky Footerのように「div.push」を入れるのは少し面倒。 それに、愛用しているYUI CSS Framworkを使いたい。YUI Grids.cssでは、コンテナの中にフッターが入っている。 と、いうことで、YUI CSS Grids.cssでSticky Footerを実現するCSSを作った。

    pepe19192929
    pepe19192929 2009/01/08
    footer css固定
  • footerをウィンドウ下部に固定する『footerFixed.js』

    footerをウィンドウ下部に固定する『footerFixed.js』 footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示させるためのjsライブラリです。 サンプル 設置方法は head要素なのでfooterFixed.jsを読み込みます。 <script type="text/javascript" src="./footerFixed.js"></script> ウィンドウ下部に固定したい要素にid属性「footer」を付けます。 これでその要素をウインドウの下部に表示させることが可能です。 (ウインドウの下部というのがわかりにくいと思うのですが、内容量がウィンドウサイズを超える場合は通常通り、内容量がウィンドウサイズより小さい場合はウィンドウの下部に配置という意味です

    footerをウィンドウ下部に固定する『footerFixed.js』
    pepe19192929
    pepe19192929 2009/01/08
    footer固定