- 締切済み
つねにブラウザ最下部に表示するには
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- partita
- ベストアンサー率29% (125/427)
#1のかたの捕捉 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> だとできませんので、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> または、削除する必要があります。
- garouz
- ベストアンサー率19% (178/917)
1の方に追加ですが，Frameタグをつかってみてはどうでしょうか． 下段の大きさを指定しておけばいいかと思います．
- shinkun0114
- ベストアンサー率44% (1553/3474)
ページ全体をTABLEで囲み、強引に最下部に表示してみてはいかがでしょう？ たとえば、こんな具合です。 <body> <table border=0 height=100% width=100%> <tr> <td> <--! この部分に通常のコンテンツ --> </td> </tr> <tr align=center valign=bottom> <td>Copyright 2005 Koji001</td> </tr> </table> </body>
関連するQ&A
- どんな場合でもブラウザ画面の右下部に
ある短いテキストをいつもページ (というよりブラウザ画面) の右下部に表示させたいです。 CSS の text-align で「コンテンツ」の右下部に表示させることは可能ですが、たとえばあるブラウザを開いた状態でコンテンツが画面を満たさない場合でも、画面右下部に表示させたいのです (意味伝わりますか)。 体裁に関する問題なので、使いたくない手法は、表組みとフレームです。 よろしくお願いします。
- ベストアンサー
- HTML
- height100%＝最初に表示される画面の高さ？
はじめまして。 CSSで教えてほしいのですが・・・ 今回はたとえ、１行２行のコンテンツでも背景（ブロック）がブラウザの一番下までいき、スクロールしてもブラウザの下までぴったり背景が続いているものを作りたく思っています。 ただ、何度試しても短いコンテンツにはしたまで表示されるのですが、長めのコンテンツだとはじめに見えてるブラウザの枠より下はいっさい背景が表示されません・・・ これをなんとかコンテンツのボリュームに合わせて、つまり、 最低はブラウザ目一杯の縦幅、最大は可変を実現したいのですが・・・ 教えてください。
- ベストアンサー
- HTML
- 常に画面の下部に表示させたい
ヘッダー、コンテンツ、フッターをdivで作成し、 コンテンツがテキスト1行だとしても、 フッターを常に画面の下部に配置したいのです。 スタイルシートを使用して作成するにはどうしたらよいでしょうか？ コードは以下のようになっています。IE6.0使用。 ---------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>常に下部表示</title> </head> <body> <div id="header">ヘッダー</div> <div id="contents">コンテンツ</div> <div id="footer">フッター</div> </body> </html> ---------------------------------------------- 上記だと、すべて上部に詰まります。 #id { position : absolute; bottom : 0 ;} とすると、一見よさそうですが、#contentsの中身が多くなると、画面上で重なってしまいます。 (ーー;)
- 締切済み
- HTML
- フッターが常に画面最下部に表示されるように
通常ページが縦長の場合フッターはスクロールしないと見えません。 常に画面最下部にフッターを表示するにはどうしたらいいでしょうか・・？ 【条件】 ・フレームは使わない。（SEO対策のため） ・モニターのサイズに関わらず、ブラウザの表示サイズに関わらず常に表示領域の最下部にフッターがくる ・javascriptで追いかけてくる形ではなく下にぴったり（動かずに）表示される ちなみにjavascriptではこのような形です。 http://www.view-bridge.com/sample/ ご存知の方、何か良いアイデアをお持ちの方どうぞお助け下さいませ！！ よろしくお願いします！！
- ベストアンサー
- その他([技術者向] コンピューター)
- ブラウザのスクロールバーでスクロール領域を限定したい。
ブラウザのスクロールバーでスクロール領域を限定したい。 お世話になります。 左に縦長のswf、真ん中にコンテンツ、右に縦長のswfを表示するページを作ろうと 思っています。 そして、swfは表示されてなくてもいいようなものとして、 ブラウザの下の横スクロールバーには、 真ん中のコンテンツの範囲内だけを移動できる横スクロールバーとしたい と思っています。 つまり真ん中のコンテンツが隠れた場合にスクロールバーが出てくるが、 swfが隠れただけでは出てこない、 そして、スクロールバーをめいっぱいスライドしても、コンテンツの端までしか いけず、swfの端まではいかない、というものです。 こういったことがJSかCSSで可能なのでしょうか？ おわかりになる方いらっしゃいましたら、 教えていただけないでしょうか？ お手数をおかけしますが、よろしくお願いします。
- ベストアンサー
- JavaScript
- 動画を掲載すると最下部のフッターを突き抜ける
CSS・HTMLでほとほと困っております。 コンテンツが少なくても、コンテンツが多くても、どちらでもフッターを最下部に常に配置させる方法をおこなってみましたが、場合によってそうなってくれません。 フッターが見えなくなるほどに縦に長くテキストをだらだらと打ってみると、この場合はフッターは常に最下部に配置してくれます。ひと画面で見えないほどにテキストを打ってみても、テキストが最下部までつらなってくれて、フッターは見えなくなります。 このときはブラウザのスクロールバーが出るので、スクロールしてみると、最下部にフッターはちゃんと配置してくれています。これは成功です。 しかし、例えばobject、embed、paramタグを使ってYouTubeにアップしている動画をリンク式で掲載してみると、とたんにダメになります。 一見、フッターは最下部に配置されています。しかし、よくみると動画コンテンツがフッターと重なっています。 ブラウザのスクロールバーが出現しているので、スクロールすると、 スクロールに合わせてフッターまでも一緒にスクロールされて上に上がってきます。 そして、フッターの下に動画コンテンツの続きが表示されています。 IE8では、フッターの上に動画コンテンツが重なっています。 Firefoxでは、動画コンテンツの上にフッターが重なっています。 どうすれば直るでしょうか？ ちなみに、以下のサイトの方法を順守して作成しました。 http://www.stylish-style.com/csstec/ultimate/fix-foot.html
- ベストアンサー
- CSS
- ブラウザいっぱいに表示されるページが作成できません。
ブラウザいっぱいに表示されるページを作成しようとしているのですが、上手くいきません。 3カラムのサイトで、左側メニュー、真ん中コンテンツ、右側メニューという感じにしようと思っています。 ブラウザのサイズに合わせて真ん中のコンテンツだけが伸び縮みするようにし、左側メニュー、右側メニューは固定したいと思っています。 イメージとしてはGIGAZINEのような感じです。 http://gigazine.net/ ―HTMLソース <div id="contents"> contents </div> <div id="right"> right menu </div> <div id="left"> left menu </div> ―CSS #contents { float: right; } #right { float: right; } #left { float: left; } しかし、真ん中コンテンツは最小サイズは指定しても、最大サイズを指定することができないので、長い文章を書くとその分だけ広がってしまい、結果的に他のメニューが回り込みできなくなって下に移動してしまいます。 position:absolute;を使えば、好きな場所に配置することができるので、これを実現できるのですが、個人的にposition:absolute;はあまり良くないと聞いたことがあります。実際はどうなのでしょうか？ また、GIGAZINEのソースを見ていると、position:absolute;ではなく、position:relative;で相対的に配置しております。 今まで横幅が固定されたサイトしか作ってこなかったので、少し難しいです。アドバイスをお願いします。
- 締切済み
- HTML
- フッタを常に下部へ固定しメインコンテンツ部をスクロールさせる方法
現在 http://www.stylish-style.com/csstec/ultimate/fix-foot.html で紹介されている方法を使いフッタを常に最下部へ表示させています。#containerでページを囲み、#mainでフッタのパンディングを確保、 #mainのheightは100%-フッタ用パンディングの30pxとなっています。 #main内にヘッダ、ナビゲーションを上部から順に配置し ナビゲーション以降を#main2としコンテンツ部として表示させようと考えています。 ただ、この方法ではフッタが固定されるもののコンテンツはどんどん下へと伸びてしまいます。 私の考えている表示としては、 (1)コンテンツ部は常にフッタまでボックスを広げる。 (2)コンテンツがoverflowした場合はスクロールする。 この2点をクリアさせたいです。 #main2のheightをピクセルで固定させればできそうですが 解像度の変化に対応できないと思うので… どなたか良い方法を知っている方がいれば教えていただければ幸いです。 htmlとcssは下記URLです。 http://beatprovider.info/test/index.html http://beatprovider.info/test/style_d.css よろしくお願いします。
- 締切済み
- CSS
- ★★★フッター最下部固定/スクロール時も常に最下部に固定させる方法
【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
- ブラウザでプレビューでCSSが反映されません・・・
現在、CSSでホームページを作成しているんですが、ブラウザのプレビューで見てみても、なぜかCSSで指定したレイアウトが反映されません。 ドリームウィーバーの画面ではCSSが反映されているんですが、ブラウザだと反映されていない状態です。 どうすればいいのでしょうか？ また、以前はテーブルを使用していました。 大きな枠はCSSで作成するのは比較的簡単なんですが、同じ枠内に｜横2列2列のコンテンツなどを作る時もCSSで作成するべきなのでしょうか？ それともCSSでテーブルを組み合わせて作成しても問題ありませんでしょうか？ 質問内容が2つになってしまいましたが、どうかご教授よろしくお願いいたします。
- ベストアンサー
- HTML
