![[CSS]横スクロール時にヘッダやフッタが切れてしまう時の解決方法 | コリス フィード](/thumbnail/462122.png)
ヘッダやフッタがブラウザの横幅より広い際に、横スクロールするとヘッダとフッタが切れてしまうのを解決する方法を紹介します。 これはIE6などの旧式のブラウザだけでなく、Firefox3.6やChromeでも起きる現象です。How to Resolve a Fluid Header/Footer Pr... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」2010年05月27日-Plugins | jQuery Plugins 指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugi... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フッターをデザインしたい。そんなときに参考になるのが、『Beautiful Footers in Modern Web Design for Inspiration』。綺麗なフッターデザイン集です。かっこいいものが揃っていますね。Bits And Pixels 滴が垂れたようなデザイン。グラデーシ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フッタをブラウザ下部に固定配置したい。そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。ほかには同様のテク... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
昨年くらいからウェブデザインの傾向としてフッタを充実させたウェブサイトが増えてきました。 ユーザーの印象に残り、より利便性の高いフッタを設置する際にヒントとなるアイデアをDesign Shackから紹介します。10 Techniques for a Fantastic Footer以下は、そのポイ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]100%幅のヘッダとフッタを天地に固定表示するスタイルシート | コリス フィード](/thumbnail/304616.png)
ビギナーズ向けに解説された、100%幅のヘッダとフッタを固定幅のコンテンツの天地に固定表示するスタイルシートをNoobcubeから紹介します。Fixed Header & Footer Layout: A Beginner's Guide demoスタイルシートはIE6をはじめとする主要ブラウザを... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 サイトマップ。大規模サイトは、サイトマップが常にフッタにあること多し。世界中を虜にした話題のアイツのサイトもあるよ。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]クロスブラウザ、マルチカラム対応のフッタを下部に固定表示するスタイルシート | コリス フィード](/thumbnail/251582.png)
New CSS Sticky Footer - 2009 demo主な対応ブラウザは、FX6/7/8, Fx2/3, Op9.6/10, Safari3.2, Crome1となっており、他にも多くのブラウザに対応しています。 対応ブラウザリストNew CSS Sticky Footerは、同じくフ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]背景画像をページの最下部に固定表示させるスタイルシート | コリス フィード](/thumbnail/250178.png)
Fixed Footer Backgrounds with CSS demo, demo 2デモではスクロールバーの有無の２パターンがあり、スクロールをしてもブラウザのサイズを変更しても背景画像がフッタの位置に固定表示されています。仕組みの概要は、bodyに背景色と背景画像を指定し、背景画像は「f... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
標準準拠でheight100%のボックス今回は標準準拠モードでheight100%のボックスをbody直下に作る方法を紹介します。過去互換モードでは何の苦もなくできることですが、標準準拠でやるにはちょっとしたテクニックが必要です。テクニック使用前サンプルテクニック使用後サンプルテクニック使用後のボ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 最近はフッターに凝るサイトが増えてきましたね。紹介されている中では、フッタにナビゲーションを配置するhttp://www.pixellogo.com/がおもしろかった。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
動的サイトで画面の下部にフッターを表示する事は非常に困難です。 さまざまなパターンを想定してフッターを設定することになります。 コンテンツ領域がブラウザの高さより高い場合 この場合、通常の方法で問題なく表示できます。 サンプル（コンテンツのheight:1000px） ただし、コンテンツ領域がブラ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
デジパのベトナムオフィシャルサイトがオープンしました。さて、今回はこのデジパベトナムを組むのに辺り、最初は無理（もしくは相当厄介）だと思ってたことが思ったよりカンタンに出来たのでご紹介。Movable Type 4のデフォルトテンプレートもそうですが、コンテンツの内容が少ない場合に、フッター部分は... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSテクニックで非常にシンプルだが、是非実践したいのがフッタ位置の調整。フッタの表示位置をCSSのみで調整して、画面の下に表示してくれるようにするテクニック。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フッターは画面の下にピッタリくっつけておきたいという要望は意外とあるようです。 でもテーブルもフレームも使わないとなると、なかなか難しい。 今回紹介するのは、「height100%のボックス」のテクニックを拡張したこれを実現する方法です。 テクニック使用後 サンプル ウィンドウのサイズを変えてもフ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home｜アバウト｜イラスト｜BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。（サンプルに寄ってid名とか変わりますが） <ul id="sampleFooter... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
