ヘッダとフッタを固定して常に表示 « (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
- Natural Breeze -
このサーバー[EM036.CSIDE.JP]では、 株式会社シーサイドネットが運営する、 サブドメイン型レンタルサーバーサービスを提供しています。 シーサイドネットでは、サービス提供中の全サーバーにおいて、 ・ サーバー利用者数 ・ サーバースペック ・ サーバー負荷状況 ・ サーバー転送量状況 を完全に公開しております。 また、 ・ サーバー負荷状況 ・ サーバー転送量状況 に関しましては、 サーバー運用開始時から現在に至るまでの、 過去の履歴を掲載しております。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
