CSSでフッターを固定にする方法
自分は、WEBにフッターがあるサイトは大っきらいなんだけれども。
業務で使用するWEBシステムとかだったら、フッターがあると便利な時もある。
例えば、よく使うボタンとか、その機能に頻繁にアクセスする場合とか。
一般的、日本の殆どの大手は、それをフレーム(Frameset)のタグを使ってやっている。。。
日本のシステム会社って、何だか新しい技術を使うのが嫌なのか、苦手なのか・・・
という事で、自分はCSSでやってみる。
こんだけでそうなるんじゃないかな。
試していないので・・・なんて不親切なんだ・・・って思うかも。
ただ、この手のミソは、下に固定みたいに書くのじゃなくて・・・
下からどのくらいの位置で?それをこの高さくらいのフッターで固定って書くのがポイントだと思う。
座標で・・・みたいな発想は、非WEBエンジニアによくあるけれど・・・時代はどうやらレスポンシブのようなので、座標指定はご法度みたい。
WEB・・・HTMLなのかCSSなのか、Javascriptなのか、その他C#、Ruby等・・・・・
とにかく一つで表現出来るようにしてほしい。
オープンだけど、WEBは既にGoogle手中にあるから、Googleの影響を受けることが大きいのだけれども、、グーグルはグーグルでKotlinだったり、Pythonだったり、Goだったり、Javaだったり・・・・何がWEB標準で、何を目指しているか迷走しているようにも見えるし。
Microsoftのライセンス費用が安くて考え方がイージーだったりすれば、間違いなくC#なんだけれども・・・
社内で使う場合、使う人一人一人にライセンス費用って・・・・そりゃ、流行らんわ。
業務で使用するWEBシステムとかだったら、フッターがあると便利な時もある。
例えば、よく使うボタンとか、その機能に頻繁にアクセスする場合とか。
一般的、日本の殆どの大手は、それをフレーム(Frameset)のタグを使ってやっている。。。
日本のシステム会社って、何だか新しい技術を使うのが嫌なのか、苦手なのか・・・
という事で、自分はCSSでやってみる。
.footer1{
position:fixed;
bottom: 0;
height: 100px;
width:100%
}
HTML:
<div class="footer1">フッター</div>
position:fixed;
bottom: 0;
height: 100px;
width:100%
}
HTML:
<div class="footer1">フッター</div>
こんだけでそうなるんじゃないかな。
試していないので・・・なんて不親切なんだ・・・って思うかも。
ただ、この手のミソは、下に固定みたいに書くのじゃなくて・・・
下からどのくらいの位置で?それをこの高さくらいのフッターで固定って書くのがポイントだと思う。
座標で・・・みたいな発想は、非WEBエンジニアによくあるけれど・・・時代はどうやらレスポンシブのようなので、座標指定はご法度みたい。
WEB・・・HTMLなのかCSSなのか、Javascriptなのか、その他C#、Ruby等・・・・・
とにかく一つで表現出来るようにしてほしい。
オープンだけど、WEBは既にGoogle手中にあるから、Googleの影響を受けることが大きいのだけれども、、グーグルはグーグルでKotlinだったり、Pythonだったり、Goだったり、Javaだったり・・・・何がWEB標準で、何を目指しているか迷走しているようにも見えるし。
Microsoftのライセンス費用が安くて考え方がイージーだったりすれば、間違いなくC#なんだけれども・・・
社内で使う場合、使う人一人一人にライセンス費用って・・・・そりゃ、流行らんわ。