スタイルシート［CSS］/ボックス/ボックスからはみ出た部分の表示方法を指定する - TAG index
visible Firefoxでは領域をはみ出して表示しますが、IEとOperaでは領域を広げて表示してしまいます。ただし、表示モードが標準モードの場合には、IE（7以上）とOperaでも領域をはみ出して表示します。（領域をはみ出して表示するのが正しい解釈となります） hidden 上記の全てのブラウザで同じように表示されます。（はみ出た部分を表示しません） scroll 上記の全てのブラウザで同じように表示されます。（縦横のスクロールバーが表示されます） auto 上記の全てのブラウザで同じように表示されます。（縦のスクロールバーだけが表示されます） 使用例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>
ヘッダとフッタを固定して常に表示 « (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
スクロールするとfixedで途中から固定する | Regista20
2013年04月26日 jQuery スクロールすると途中から固定したメニューを作ります。はじめからメニューが最上部にあるものだと最初から「position:fixed」でスクロールした際に、メニューを上部に固定するできます。しかし、メニューが最上部にはなく、メニューがページの最上部までスクロールされた時点で固定されるものだとjQueryを利用する必要がなります。 コードサンプル HTML <div id="header"> <h1>タイトル</h1> </div> <div id="container"> <div id="main">左カラム（メインコンテンツ）</div> <div id="sidebar"> <div id="nav">ここを固定する</div> </div> </div> CSS #main { float: left; margin-right: 20px;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
