Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

footerに関するyutaka_kinjyoのブックマーク (2)

  • 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』
  • コンテンツの高さが足らなくてもフッターを最下部の底辺に! | たねっぱ!

    コンテンツの高さが足りないとき、フッターが浮いてしまう。。。そんなフッターを最下部に固定したいときのコーディング方法をご紹介します! コンテンツの高さが足りないけど、フッターを最下部に固定したい! ヘッダー・コンテンツ・フッターと作って、コーディングしたとき、コンテンツの内容が少ないページの場合、コンテンツの高さが足らなさすぎて、ブラウザの底辺とフッターの間にスキマができてしまいます。 これフッター一番下きてほしいんやけどどうしよう・・・。って悩んでる方に!解決法CSSをご紹介! まず、解答済みのデモページをご覧ください! ブラウザの高さをグリグリ動かして見ても、フッターがつねに底辺に付いていきます! レイアウトのHTML内容はこのようになってます。 (ヘッダーは今回の問題については特にいりませんが。) <div id="container"> <div id="header">ヘッダー<

    コンテンツの高さが足らなくてもフッターを最下部の底辺に! | たねっぱ!
  • 1