フッタ問題

密かに悩んでいたフッタ問題にピリオドを打つべく、勉強のために相方を頼らず自分で調べ、果敢にも立ち向かったであります!　押忍!!

もともと、

position:relative;

と指定してたんですけど、それだと、真ん中のエリアに相対して位置が決まっちゃうらしく、右や左の方が下に伸びてるとかぶっちゃってみっともなーい感じになってしまってました。

しかーし!

position:fixed;
bottom:20px;
width:99%;

と指定すると、あらまぁ!　だーいせーいこーーー?
いやぁ、実はまだネスケ7.01forMacでしかチェックしてないのでなんとも・・・。
誰になんと言われようともネスケを愛し続けます!!
タブが便利なんだよーーー。

position:fixed;（画面のスクロールに対して固定）
bottom:20px;（下から20ピクセルの位置に）
width:99%;（100%だと右端くっついちゃうから。妥協だけど。）

てな訳みたい。

幅を%指定してると、ウィンドウの幅によって右端の隙間が変わっちゃうのは気になるけど、とりあえず今回はこれでよし。
まぁ、次回の課題だな。

・・・は!!
これだと、縦スクロール出たときにだめじゃーん。

しょうがないので、

position:fixed;
bottom:5px;（20pxは空きすぎだな）
width:99%;
z-index: 5;（とりあえず数字大きくして最上に表示されるようにしたよ）
background: #FFFFFF;（いままでは"none"だったの）

と修正。

ま、まぁ、次回ね、次回。・・・。