• ベストアンサー

フレーム使用時にブラウザのスクロールバーを表示させる方法

フレームを使って画面を分割すると、各フレームのスクロールバーのみが表示され、ブラウザのスクロールバーが表示されないのですが、表示するにはどうすれば良いでしょうか？ 一般のどの画面も、ブラウザのスクロールバーが表示されていますよね。 初歩的な質問ですみません。 ソースは以下の通りです。 【sample.htm】 <HTML> <HEAD> <TITLE>sample</TITLE> </HEAD> <FRAMESET cols="50%,*"> <FRAME src="sample1.htm" name="framea" > <FRAME src="sample2.htm" name="frameb" > </FRAMESET> </HTML> 【sample1.htm】（sample2.htmも同様の内容） <HTML> <BODY text="#ff80c0" link="#ff80c0" vlink="#ff80c0" alink="#ff80c0"> フレームA<BR> </P> <CENTER> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テスト<BR> テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト </CENTER> </BODY> </HTML>

  • HTML
  • 回答数4
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.4

補足どうもです。 まだ、多少不明の部分もありますが 現状のframesetを設定したページ(sample.htm)を更に他のページの（heightを大きめに設定した）インラインフレームに収めるとページ全体のスクロールバーで対応できるかも。

eiko2004
質問者

お礼

ご指摘の通りにやってみたら、できました。 有難うございました！！ 諦めて、見栄えが悪くても１ページに収めようかと思っていたところでした。 いろいろ応用もできそうです。本当に有難うございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (3)

  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.3

> 一般のどの画面も、ブラウザのスクロールバーが表示されていますよね。 InternetExplorer以外のブラウザでは必要な場合（画面から内容がはみ出してスクロールが発生する場合）だけしかスクロールバーを表示しないブラウザもあります。 また、InternetExplorerであっても不要な場合には表示しないようにCSSでデザインする事も可能です。 で、フレーム分割した場合は各フレームのスクロールバーによって各フレームはスクロールできるし、 画面全体はスクロールの必要がないのですが、画面全体のスクロールバーで何がスクロールできる事を期待しているのでしょうか？ （それともスクロールしないスクロールバー(?)が表示される事を望んでいるのでしょうか？）

eiko2004
質問者

補足

画面仕様は以下の通りです。 （１）画面をまず４つのフレームに横分割（ヘッダ部、詳細表示部１、詳細表示部２、フッタ部）する。 （２）詳細表示部１、詳細表示部２は表形式で、データが多ければスクロールして表示したいので、スクロールバーを有効にしてある。 （３）各詳細表示部は、最低１０行は一度に表示されるようにしたい。 以上のような仕様で、詳細表示部１までは問題なく表示されるのですが、詳細表示部２とフッタ部が下の方に隠れてしまい、見られなくなってしまうことです。 どうしてもブラウザのスクロールバーを表示できない場合は、各フレームの高さを低くして（一度に表示するのを５行にする）、全てフレームのスクロールで対応するしかないですね。

全文を見る
すると、全ての回答が全文表示されます。
  • salf
  • ベストアンサー率42% (27/64)
回答No.2

ということはこれと同じですか？ http://okwave.jp/kotaeru.php3?q=2289168

eiko2004
質問者

補足

はい、そうです。

全文を見る
すると、全ての回答が全文表示されます。
  • salf
  • ベストアンサー率42% (27/64)
回答No.1

<FRAME> タグに [scrolling=auto] もしくは [scrolling=yes] の属性を追加したらどうなりますか？

eiko2004
質問者

補足

各フレームごとにスクロールバーが表示されます。 フレームのスクロールバー以外に、ブラウザ（画面全体）のスクロールバーを表示したいのです。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • フレームの縦スクロール

    フレームを使ったページの縦スクロールをさせる方法を教えて下さい。 dir1.htmのソース <HTML> <HEAD></HEAD> <FRAMESET ROWS="900pt,900pt"> <FRAME SRC="dir2no1.htm"> <FRAME SRC="dir2no2.htm"> </FRAMESET> </HTML> dir2no1.htmのソース <HTML> <HEAD></HEAD> <BODY> あああ </BODY> </HTML> dir2no2.htmのソース <HTML> <HEAD></HEAD> <BODY> いいい </BODY> </HTML> この3つのファイルで、dir1をIEで表示した時に、右に縦スクロールバーを表示したいです。 <FRAME SRC="dir2no1.htm"> と <FRAME SRC="dir2no2.htm"> のそれぞれをスクロールさせるのではなく、dir1.htmそのものに縦スクロールを付けたいのです。 実際にはdir1.htmはフレームの子供であり、縦サイズは固定値500です。 <FRAME SRC="dir2no1.htm"> と <FRAME SRC="dir2no2.htm"> の縦サイズは固定値です。ぞれぞれ900ぐらいにしてテストしたいです。 テストではdir1.htmの親フレームは付けずに、IEで直接dir1.htmにアクセスしてスクロールバーが使えることを確認したいです。 900,900の子供を持った500の親だから、親に縦スクロールを付けたいのです。 JavaScripは使えます。 <iframe>を使わないことが条件です。

  • フレームのスクロールバー表示について。

    お世話になっています。 フレーム表示について質問があります。 ページが表示できません。と表示していた際には、スクロールバーがあったのですが、リンクをつなげたら、一つにつながってしまいました。 どのようにすれば、表示されるようになるのでしょうか。 過去の質問を見ましたが分かりませんでした。 ソースは、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>サイト</title> </head> <frameset cols="170, *" border="0"> <frame src="menu" name="menu"> <frame src="main" name="main"> <noframes> <body> このページをご覧頂くにはフレーム対応のブラウザが必要です。 </body> </noframes> </frameset> </html> 宜しくお願いします。

  • ＤＭＭＸ2004のフレームのスクロールバーがっ！

    はじめて投稿させていただきます。 ＤＭＭＸ2004でフレームのページを作っているのですが、左側のメニューから右側のメインページをターゲットにして飛ぶと、どうしてもウインドウ下辺のスクロールバーが出てしまうのです。 改行のみの単純なページだとしても同じで、サイトの外観を著しく損なうので、どなたかお教えいただけないでしょうか。 ちなみにスクロールバーの設定は自動(auto)になってす（特にいらないときにも出てくる） 以下がフレームのソースです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>flame</title> </head> <frameset cols="120,*" frameborder="NO" border="0" framespacing="0"> <frame src="menu.html" name="menu" scrolling="auto" noresize> <frame src="main.html" name="main" scrolling="auto"> </frameset> <noframes><body> </body></noframes> </html> それではよろしく御願いします。

  • 下に表示されるスクロールバーの消し方を教えてください。

    下記のようにtitle（上）、menu（右）、main（左）と、３つのフレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、main（右）のフレームの下にスクロールバーが出てしまいます。右端の上下のスクロールはいかしたまま、下のスクロールバーを消すには、どのようにすればよいのでしょうか？ 分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています。http://www.twinklecloset.com/index.html

    • ベストアンサー
    • HTML
  • フレーム分割した全体をスクロールバーで動かせないでしょうか？

    フレーム分割したホームページをスクロールバーで上下したいのですが、書き方が分からなくて困っています。お分かりになる方がいらっしゃいましたら、教えて下さい。 尚、当方htmlでようやく簡単なページが作れるレベルです。宜しくお願い申し上げます。 尚、フレームの割り方が違う時はそちらもお教え下さいませ。 <HTML><HEAD> <META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS"> <TITLE>フレーム分割</TITLE></HEAD> <FRAMESET Rows="195,*,50" Frameborder="1"> <Frameset cols="10%,80%,10%" Frameborder="1"> <FRAME Src="./frame1.html" name="f1" Scrolling="no"> <FRAME Src="./frame2.html" name="f2" Scrolling="no"> <FRAME Src="./frame1.html" name="f3" Scrolling="no"> </Frameset> <Frameset cols="10%,20%,60%,10%" Frameborder="1"> <FRAME Src="./frame1.html" name="f4"> <FRAME Src="./f001.html" name="f5" scrolling="no"> <FRAME Src="./f002.html" name="f6" scrolling="no"> <FRAME Src="./frame1.html" name="f7"> </Frameset> <FRAME Src="./end.html" name="f8" scrolling="no"> <NOFRAMES>恐れ入りますがフレーム対応ブラウザでご覧下さい</NOFRAMES> </FRAMESET> </HTML>

    • ベストアンサー
    • HTML
  • スクロールバーの色を変更したい

    最近，ホームページ作りに挑戦してみようと思い，始めました． 以下のようなフレームで，スクロールバーの色を変更したいのですが，何処をどのようにすればいいのでしょうか？よろしくお願いします． <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>HP　Top</title> </head> <frameset rows="10%, *"> <frame src="HP head.html" name="HP head"scrolling="no" frameborder="0"> <frame src="HP main.html" name="HP main"frameborder="0"> <noframes> </noframes> </frameset> </html>

    • ベストアンサー
    • HTML
  • フレームを下にスクロールさせた状態で表示するにはどうすればよいのでしょうか？

    フレームを下にスクロールさせた状態で表示するにはどうすればよいのでしょうか？ 次のようなフレームを使ったHTMLにおいて、ページが表示されたときに、 f2と名前のついたフレームを100pxだけ下にスクロールさせた状態で表示するようにするには どうすればよいのでしょうか。 フレームf1、フレームf2ともに別のドメインのページを読み込んでいますので、 下記のHTMLの 【ここに記述する】 と書いてある場所に記述する方法は ないものでしょうか？ <html> <head> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>フレーム</title> <script type="text/javascript"><!-- // 【ここに記述する】 //--> </script> </head> <frameset rows="100,*" frameborder=0> <frame name="f1" src="http://www.hoge.com/"> <frame name="f2" src="http://www.foo.com/"> </frameset> </html> どうぞよろしくお願いします。

  • frameの内容が表示されない

    次の(1)～(3)の3つのファイルを作りました。 (1) ファイル名：index.html 内容： <html> <head> <title>雲の研究 </title> </head> <frameset rows="20%,80%"> <frame src="top.html"> <frame src="sub-index.html"> </frameset> </html> (2) ファイル名：top.html 内容： <html> <head> <title>タイトル </title> </head> <body> 雲 </body> </html> (3) ファイル名：sub-index.html 内容： <html> <head> <title>目次 </title> </head> <body> いわし<br> うろこ<br> </body> </html> この3つのファイルを同一のフォルダに置いてindex.htmlをInternet Explorer 6.0で開くと 雲 いわし うろこ と表示されるのではないかと思っていたのですが、何も表示されません。 なぜでしょうか。

    • ベストアンサー
    • HTML
  • 横スクロールバーを消したいんです（＞＜）

    こんにちは。とっても困っています。 ホームページを作成中ですが横スクロールバーが消えません。以下の プログラムのどこを直したらいいでしょうか。 どうぞよろしく御願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>無題ドキュメント</title> </head> <frameset rows="107,318*" cols="777*,1" frameborder="no" border="0" framespacing="0"> <frame src="vxv.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frame src="UntitledFrame-23"> <frameset rows="*" cols="122,652*" framespacing="0" frameborder="no" border="0"> <frame src="dfg.html" name="leftFrame" scrolling="No" noresize="noresize" marginwidth="0" id="leftFrame" title="leftFrame" /> <frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" /> </frameset> <frame src="UntitledFrame-24"> </frameset> <noframes><body> </body> </noframes></html>

  • フレームが表示されない＞＜

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <Html Lang="ja"> <Head> <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS"> <Title>フレーム</Title> </Head> <Body> <Frameset Cols="20%,80%" Border="1" FrameBorder="1" BorderColor="#000000"> <Frame Src="menu.html" Name="Left" Scrolling="auto"> <Frame Src="home.html" Name="Right" Scrolling="auto"> </Frameset> <Noframes> このページはフレームに対応していないブラウザではご利用いただけません。 </Noframes> </Body> </Html> というHTMLを書きました。。。これをIEで表示させたのですが、真っ白のまま全然表示されません。。。なにか間違っているでしょうか？ ちなみにフレームに表示させたいページのHTMLはフレームと同じフォルダに入っています。。 また、サーバにUPして試しても同じでした。サーバでも表示させたいページは同じファイル名にしてあるので、このまま使えると思うのですが、、、（使っているサーバではアドレスではなくUPしたファイル名を使うようになっている） ず～っとなやんでいますが、どこがおかしいのか全然わかりません。。教えてください。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する