- ベストアンサー
フッターを固定して、常にどのページでも常に表示
フッターを固定して、常にどのページでも常に表示させる方法について。 今、FC2様の方で、ホームページを作成しているのですが、 フッターを固定して、そのフッターの内容を 常にどのページでも表示させるようにしたいのですが、 (付属の画像のようなスクロールしても常に画面下に表示されるもの) なのですが、 タグ初心者でどのようにすればいいのかよく解りません。 タグはどのようなものが解りやすく出来ますでしょうか？ 後、タグの意味も教えていただけると嬉しいです。 回答宜しくお願い致します。
- yoshie1993
- お礼率25% (1/4)
- ホームページ作成ソフト
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
先ほども回答した者です。 フッター固定で一応ＣＳＳで見つけましたので貼っておきます。 お望みと全く一緒の効果が有るかわかりませんが、 色々頑張ってみて下さい。 出来ればＨＴＭＬ、ＣＳＳ、ＪａｖａＳｃｒｉｐｔこの３つはあると ＷＥＢページ制作する上で大変よろしいとおもいます。 私は参考書のみ買ってやってましたがＨＴＭＬとＣＳＳはそれだけで覚えられます。 （プログラムではない為）、ですがＪａｖａＳｃｒｉｐｔはプログラム言語であるため、 独学だと大変です。ですが慣れると結構応用が利きますので、 頑張って下さい。 補足：私は英語苦手に付き意味を説明できません。 様は英語ですから。
関連するQ&A
- フッターを固定して、常にどのページでも常に表示さ
今、FC2様の方で、ホームページを作成しているのですが、 フッターを固定して、そのフッターの内容を 常にどのページでも表示させるようにしたいのですが、 タグ初心者でどのようにすればいいのかよく解りません。 タグはどのようなものが解りやすく出来ますでしょうか？ 後、タグの意味も教えていただけると嬉しいです。 回答宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- HTML5 footer 固定の仕方
ホームページを作っています。 ページはタブで切り替えられるようになっています。 footerを常に表示させたい（画面の下部に固定）と色々やってみましたがうまくいかないので質問します。 <div id="footer"></div> (1)CSS #footer{ position:fixed; } CSSで上のように書いてみました。 文章が少ないときは上に上がり(画面の下に固定されない)、 文章が多くてスクロールが必要なときは、footerが表示されません(要素としては存在しているがつぶれている状態)。 (2)footerFixed.js ページの一番下に表示される（スクロールしないとfooterを見ることが出来ない） という状態です。 なぜなのでしょうか？ 他に方法はないでしょうか？ 教えてください。
- 締切済み
- JavaScript
- 画像の固定について
ホームページをＴＡＧにより作成しています。 閲覧するときにスクロールをしますが、その画面上たとえば最上部にバナーのようなものをおいて、スクロールしても常に画面上で見れることはできますか。 検索ですと「背景画像の固定」は、たくさんありますが、 単なる画像の固定というのがなかなかみつかりません。 このうち上に固定というのでためしてみたら、スクロールした場合、そのバナーがうしろに行ってしまい見えなくなってしまいました。 使用方法は、画面いっぱいに画像を表示させ、小さなバナーで「画像をクリックしてください」というのをおきたいのです。 一定のところにおくと、画像をスクロールさせて場合見えなくなってしまうのでこれを常に見えるようにしたいのです。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- フッターが常に画面最下部に表示されるように
通常ページが縦長の場合フッターはスクロールしないと見えません。 常に画面最下部にフッターを表示するにはどうしたらいいでしょうか・・？ 【条件】 ・フレームは使わない。（SEO対策のため） ・モニターのサイズに関わらず、ブラウザの表示サイズに関わらず常に表示領域の最下部にフッターがくる ・javascriptで追いかけてくる形ではなく下にぴったり（動かずに）表示される ちなみにjavascriptではこのような形です。 http://www.view-bridge.com/sample/ ご存知の方、何か良いアイデアをお持ちの方どうぞお助け下さいませ！！ よろしくお願いします！！
- ベストアンサー
- その他([技術者向] コンピューター)
- ★★★フッター最下部固定/スクロール時も常に最下部に固定させる方法
【OS】Windws XP HomeEdition 【ブラウザ】InternetExplorer7 【参照URL】http://nowtester.web.fc2.com/tester.html ご覧頂きまして誠に有難う御座います。 皆様のお知恵を貸して頂ければ幸いです。 現在、下記URLの様なHTMLでHPを制作しております。 http://nowtester.web.fc2.com/tester.html 当方の意向として、フッターに該当するコピーライト表記を、 どのサイズのモニターから閲覧しても、 画面最下部に固定表示したいと考えております。 (スクロールが発生した際に見える位置の最下部に常に固定させたい) 現在のページも、一見、開いた際には最下部に固定表示されますが、 画面のリサイズを実施した場合、最下部に固定されていたフッターは、 最初に開いた画面の最下部として表示された位置で固定されており、 スクロール時ズルズルと画面と一緒にズリ上がってしまいます。 別サイト様の過去投稿に参考になりそうなモノが有りましたが、 現在私が書いているHTMLへの実装が上手く行きませんでした。 http://gac.kir.jp/21/13599(りゅう様の最後の投稿) 意図としては↑の様なモノを現在のHTMLに実装出来ればベストですが、 私の挿入位置が悪いのか上手く行きません。 具体的にどの様に書き足せば意図するモノが完成するか、 ソースの組み方を教えて頂けますと幸いです。 因みに、↑投稿のりゅう様が書かれているHTMLだけだと成功しますが、 あくまでも私が現在書いているHTMLに書き足す場合の方法を教えて下さい。 以上、何卒よろしくお願い致します。
- ベストアンサー
- HTML
- ヘッダとフッタが固定でコンテンツのみスクロール可能
いつもお世話になります。 ヘッダ部とフッタ部は固定で、コンテンツ部のみで表示エリアを超えた場合スクロールバーを 表示する、というHTMLを実現するにはどうすればよいでしょうか。 （ウィンドウサイズに応じてコンテンツ部は変動するが、ヘッダとフッタは常に固定） イメージとしては以下の構成になります。いろいろ調べてみたのですが、ヘッダとフッタは固定 できてもスクロールバーがウィンドウ全体に表示されてしまうものばかりでした。 -------------------------------- ヘッダ（固定） （スクロールバーなし） -------------------------------- コンテンツ （スクロールバーあり） -------------------------------- フッタ（固定） （スクロールバーなし） -------------------------------- フレームは使用せず、CSSのみで実現する方法を教えて頂けませんでしょうか。 IE7、IE8で動作させたいと思っています。 宜しくお願いします。
- 締切済み
- CSS
- WEB作成時に常にフッターを表示させる方法
こんばんわ。 質問お願いします。 WEBのページを作成している際に、フッターを常時ページの一番下に表示させる方法はあるのでしょうか？ 現在下記CSSスタイルシートのフッター設定をしていたのですが、 文章の量が少ない時は、これでページに下にフッターが配置されるのですが、 文章の量が多い時には、文章の最後にフッターがあらわれます。 .footer { } .footer { font-size: 18px; } * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto ; height: 100%; margin: 0 auto -4em; } .footer, .push { height: 4em; } そうではなくて、文章の量が多くてスクロールしている際にも画面の一番下にフッターが常に見えている状態にしたいのです。 ご存知の方がいましたら、是非ご教授ください。
- ベストアンサー
- Mac
- ページの一部分だけを常に固定して表示させたい
複数のページから構成されるホームページなどを閲覧するとき、次ページを開くと大抵そのページの一番上の部分が、画面の一番上に表示されると思いますが、これをそのページの一番上からでなく、中段なら中段だけを常に画面の最上部に表示させる方法はありますでしょうか？ どなたかご存知でしたら教えていただけませんか？
- 締切済み
- Windows Me
- フッター固定で余白ができます
footerFixed.js http://blog.webcreativepark.net/2007/11/16-012253.html を使ってhtmlのフッターを下部に固定させてみたところ、コンテンツが少ない量でページの最後にフッターが表示されるようになったのですが、コンテンツがあるコンテナが下部にのびず、背景が見えてしまう状態で尚かつ、コンテンツの最後から妙に大きな空白が開きます。 ブラウザで確認するとウインドウをリサイズすると戻るのですが、原因や対処がまったくわかりません。 どなたかコンテンツをフッターにつけた状態でフッターを下部に表示し、コンテンツが多い場合にはスクロールでフッターが出るようにするにはどのような方法で対応できるでしょうか。どなたかご意見いただければと思います。
- ベストアンサー
- HTML
- html?/css?/Javascript? でのフッター特殊な固定方
html?/css?/Javascript? でのフッター特殊な固定方法について。 こんばんは。 現在ホームページを作成中です。 そこでフッターをブラウザの下部に固定しようと思い google等で検索し見つける事が出来ました。 ソースは色々ありますが例として下記のURLで説明したく思います。 http://www.css-lecture.com/template/2009/0212/ 私の希望・やりたい事としては上記のサイトに追加内容で (1).ヘッダーをブラウザ上部に固定。 (2).ブラウザの上下を縮めた時、フッターとヘッダが重ならないよう、最小高さを指定。 (3).(2)を実装時、フッタとヘッダがある程度寄るとスクロールバーが出てくると思いますが スクロールした時にスクロールするのは内容のみ。 (フッタがブラウザ下部に隠れたとしてもスクロール時に移動してはいけない) です。 ここ最近試行錯誤しcssを書いていますが (3)を実装時に不具合が多く困っています。 ヘッダをブラウザ上部に、フッタをブラウザ下部に固定して スクロールした時、内容と同時にフッタまで上にスクロールされたり フッタを完全に固定してしまうと、ヘッダとフッタの最小間隔が指定できなかったり。 【簡易説明】 ヘッダは上部固定、フッタは下部に固定して ヘッダとフッタはブラウザの上下を縮めても重ならない様、最小値を指定し スクロールでスクロールするのは内容・記事のみ。 こんな事が可能なのかどうなのかも私の乏しい知識では判りませんので どなたか詳しい方いらっしゃいましたらご教授お願い致します。 内容・記事としてのスクロールバーと ヘッダ、フッタの最小値以上縮めた時のスクロールバーが入り組んでいる形になるので 不可能なんでしょうか・・・・。 また、もし参考サイト等がありましたら URLの誘導のみでも結構です。 何卒、宜しくお願い致します。（涙 また、乱文で大変失礼致しました。
- ベストアンサー
- HTML
