ホームページのフッターを手っ取り早く下部に固定する

  • ガイド ( How to )
  • 閲覧数:693
  • ありがとう数:0

はじめに

ホームページを作ったらフッターを下部に固定したいなと思うこともあるはずです。
だけどCSSは覚えたてでまだ良くわからないっていう人がやってみたらいいんじゃないかという方法

説明

どうするかっていうと、CSSで書くのではなく、javascriptで制御します。

やることは簡単
下記をhead内に挿入するだけ
<script type="text/javascript" src="./footerFixed.js">http://blog.webcreativepark.net/2007/11/16-012253.html

試しに使ってみたところ、IE6でもちゃんと固定されてました。
今更、IE6までカバーしようって人はいないと思いますが、一応

jsは使いたくないって方は、CSSで制御出来る仕方を教えてるサイトさんがいっぱいあるのでぜひ検索してみて下さい。

まとめ

フッター部分の指定をid=”footer”にしていると自動で固定されますが、id名を変える場合は、footerFixed.js内に書かれている
var footerId = "footer";の部分を同じid名に書き換える必要があるのでお忘れなく。

このユーザなら私の疑問や悩みを解決してくれそうと思ったら、
質問への回答をリクエストすることができます。

特集


感謝指数をマイページで確認!

ピックアップ

ページ先頭へ