ヘッダとフッタを固定して常に表示 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb

少し前までのWebサイト制作ではフレームによって簡単に実装されていましたが、Web標準が重視されフレームの使用がご法度になった今、画面全体がスクロールするWebサイトが一般的になりました。しかし、コンテンツ部分が長くなると、コンテンツ上部にあるメニューボタンの利用が不便になるなど、ユーザビリティの低下も否めません。 好みや慣れもあると思いますが、XHTML+CSSでフレームのようにヘッダとフッタを画面の上下に固定し、常に表示する方法をご紹介します。 ページの情報量が少ない場合も画面最下部にフッタを表示する方法は、フッタ固定で紹介しています。 サンプル ヘッダとフッタを固定して常に表示するサンプル（別ウィンドウで表示） ソース 上記サンプルで使用しているソースです。 body{ margin: 0; padding: 100px 0 50px 0; } * html body{ overfl

[miikojapon]

web css

[naow5]

ばっちり簡単に使えたヘッダフッタ固定

[atsushi1972]

(X)HTML+CSS Tips [] via Pocket July 05, 2013 at 01:37PM

[chariokun]

ie7

[lovegaudi]

iphoneやipadだとスクロールに付いて行ってしまうのをどうにかしたい。。。

[seiyunews]

ヘッダーを固定にする

[yukee]

フッター固定

[rdera]

これをやりたかったんです。¥nあいうえお

[nink]

固定表示ええのおええのお

[smoglog]

ヘッタフッダ固定

[sonesone]

AUの公式のpage topリンクみたいなやつ実装したい時に。

[wackey]

はてブみたいにヘッダー固定する方法