フレーム分割した全体をスクロールバーで動かせないでしょうか?

このQ&Aのポイント
  • フレーム分割したホームページをスクロールバーで上下したいのですが、書き方が分からなくて困っています。
  • フレームの割り方が違う時は、それについても教えてください。
  • 当方は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
  • 回答数4
  • ありがとう数1

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

まだ初心者なら、悪いことは言いません。  フレームは忘れましょう。あまりにも多くの問題点があり、非難され続けてきて、XHTML1.0で非推奨、XHTML1.1で廃止、XHTML2.0でまったく別の形になる。 【参考サイト】 フレームは訪問者にとって本当に優しいの?   http://www.mars.dti.ne.jp/~fuminG/navi/frame.htm 特に、フレームはスクロールが一つのフレーム内だけで行われるのが、唯一の利点だったのですが、 >フレーム分割した全体をスクロールバーで動かせないでしょうか? ということなら、フレーム以外で対処するべき。 かといって、テーブルもダメですよ。 とりあえず、今覚えている知識はすべて捨てて 【参考サイト】 はじめてのWebドキュメントづくり   http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ からやり直しです。絶対そのほうが近道です。この内田さんは、HTML4.01仕様書の邦訳をされた方ですから、本当に正しいHTMLを学べます。  それから、スタイルシートを勉強しましょう。 なお、あまり細かく分けるのは感心しません。はるかに小さなディスプレイで訪問する人もいるのですからね。最近では携帯電話も・・

u-chanz
質問者

お礼

分かりました。取りあえず初心に返って頑張ってみます! アドバイス、どうも有難うございましたm(__)m

その他の回答 (3)

noname#100277
noname#100277
回答No.4

フレームを無理遣り使えば一応は可能でしょうが、ユーザビリティを考えるとCSSで適応させるのが理想的です。 フレームを否定はしませんが、こう複雑ではフレームよりもCSSの方が確実かと。

  • saru1234
  • ベストアンサー率37% (223/593)
回答No.2

今確かめられないので、推測だけですが、 多分、HTML ファイルを二重に使えば可能かと思います。 つまり 現状のHTML の更に外側に窓が1個だけのフレームを作り、 それをメインフレームにします。

回答No.1

たぶん、お望みのレイアウト、動作は、HTMLでは無理です。 フレームを使わずに、全てのページに同じヘッダやメニューを書いてページ全体を読み直すようにしてください。 そうすれば、ページの内容(長さ)に合わせて、勝手にスクロールバーが表示されます。 メニューをクリックしたら、コンテンツ部分だけが書き換えられるフレーム(framesetやiframe)の動作のかわりは、 Ajax(JavaScript)でなければできません。 が、Ajaxはたぶん、今の質問者さんには無理だと思います。 フレームの話になるとほぼ必ず出てきそうな擬似フレーム(スタイルシート、CSS)についてですが、 枠線やスクロールバーを表示するだけなら擬似フレームでもできますが、 擬似フレームは上に書いた「フレームを使わずに、全てのページに同じヘッダやメニューを書いてページ全体を読み直す」というのが有って、その上で、 あくまで「枠線をどのように表示するか」を指定するだけの物です。

関連するQ&A

  • 横スクロールバーを消したいんです(><)

    こんにちは。とっても困っています。 ホームページを作成中ですが横スクロールバーが消えません。以下の プログラムのどこを直したらいいでしょうか。 どうぞよろしく御願いします。 <!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>

  • DMMX2004のフレームのスクロールバーがっ!

    はじめて投稿させていただきます。 DMMX2004でフレームのページを作っているのですが、左側のメニューから右側のメインページをターゲットにして飛ぶと、どうしてもウインドウ下辺のスクロールバーが出てしまうのです。 改行のみの単純なページだとしても同じで、サイトの外観を著しく損なうので、どなたかお教えいただけないでしょうか。 ちなみにスクロールバーの設定は自動(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> それではよろしく御願いします。

  • スクロールバーの色を変更したい

    最近,ホームページ作りに挑戦してみようと思い,始めました. 以下のようなフレームで,スクロールバーの色を変更したいのですが,何処をどのようにすればいいのでしょうか?よろしくお願いします. <!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
  • 上下三分割のフレームで、一番下の部分が表示されない

    上下三分割されるフレームページを作ってるのですが、一番下の部分がどうしても表示されなくて困っています。 これがタグなのですが、おかしい部分はありますでしょうか? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html> <head> <title></title> <Meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <!--検索避けタグ--> <META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW"> <META NAME="ROBOTS" CONTENT="NONE"> <!--終わり--> </head> <frameset rows="50,*,50" FRAMEBORDER=no> <frame name="ue" src="ue.html" scrolling="no" noresize> <frame name="naka" src="naka.html" scrolling="auto" noresize> <freme name="sita" src="sita.html" scrolling="no" noresize> <noframes> <body> <p> </p> </noframes> </frameset> </body> </html> ueとnakaは表示されるのですが、sitaが表示されないのです。 sitaのみだとちゃんと表示されるので、多分この中に誤りがあると思うのですが… 因みに相対パスはあっています。 ご回答宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • フレームページの隙間

    フレームページを作ったのですが、フレームの間の隙間をなくしたのですがどのようになくすのか解りません。どうか教えて頂けないでしょうか。お願します。 実際のソースコート <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.0 for Windows"> <TITLE>もっくもっく</TITLE> </HEAD> <FRAMESET rows="155,*" frameborder="0" border="0" framespacing="0" framepadding="0"><!-- 上のフレーム --> <FRAME src="osawa1.html" name="1" scrolling="no" noresize topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> <FRAMESET cols="700,*" frameborder="0" border="0" framespacing="0" framepadding="0"><!-- 左のフレーム --> <FRAME src="osawa2.html" name="2" scrolling="auto" noresize mtopmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> <!-- 右のフレーム --> <FRAME src="osawa3.html" name="3" scrolling="no" noresize topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> </FRAMESET> <NOFRAMES> <BODY topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">フレーム対応ブラウザでご覧ください。</BODY> </NOFRAMES> </FRAMESET> </HTML>

  • ブラウザによってフレームの表示が異なるのですが..

    はじめまして。 現在下記のような形のHPを制作しているのですが、フレームが難しくてなかなか進めません。 ブラウザやそれぞれの環境によって見え方が違ってしまいます。 私の環境では真ん中にぎゅっと詰まってスクロールが出てしまうような小さな見え方になってしまっています。 どの環境で見ても統一させるにはどのようにしたら良いのでしょうか。 ------------------------------ 上の固定バー ------------------------------ メニュー|内容     |     |     |     | ------------------------------ 下の固定バー ------------------------------ ソースは以下のように組みました。 <frameset rows="10%,*" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="Margin/Index.html" scrolling="No" noresize title="topFrame"> <frameset rows="*,230" cols="*" framespacing="0" frameborder="no" border="0"> <frameset cols="215,*" frameborder="no" border="0" framespacing="0"> <frame src="Margin/Index.html" scrolling="No" noresize title="menuBarFrame"> <frameset cols="*,25%" frameborder="no" border="0" framespacing="0"> <frameset rows="64,*" frameborder="no" border="0" framespacing="0"> <frame src="topbar/topbar.html" scrolling="No" noresize title="topBarFrame"> <frameset rows="*,41" cols="*" framespacing="0" frameborder="no" border="0"> <frameset rows="*" cols="178,*" framespacing="0" frameborder="no" border="0"> <frame src="menu/menu.html" scrolling="No" noresize title="leftFrame1"> <frame src="top/top.html" name="main" title="topFrame"></frameset> <frame src="bottombar/bottomBar.html" scrolling="No" noresize title="bottomFrame1"> </frameset> </frameset> <frame src="Margin/Index.html" scrolling="No" noresize title="rightFrame"> </frameset> </frameset> <frame src="Margin/Index.html" scrolling="No" noresize title="MenuBarFrame"> </frameset> </frameset> <noframes> ------------- また、現在フレームは推奨されないのも知っているので、 オススメの組み方がありましたら教えていただけませんでしょうか。 HTML等に関してまったくの初心者ですので、判り易く教えていただけたら大変有り難く思います。どうぞよろしくお願いします。

    • ベストアンサー
    • HTML
  • ビルダー12のフレームを使ったページについて

    今ビルダー12でフレームを使ったページ作成をしているのですが メニューの中の「フレーム HTMLソース」という項目(タブ)があるんですが これはどういった部分に影響するところなんでしょうか?ページのデザイン等には 関係無いように思えますが…。 以下は今製作しているサイトの「フレーム HTMLソース」なんですが 「このページを表示するには、フレームをサポートしているブラウザが必要です。」 の文字はいつどこで表示されるものなのでしょうか? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.4.0 for Windows"> <TITLE></TITLE> </HEAD> <FRAMESET rows="146,*" frameborder="NO" border="0"> <FRAME name="top" src="header.html" scrolling="NO"> <FRAMESET cols="246,*" frameborder="NO" border="0"> <FRAME name="left" src="navi.html" scrolling="AUTO"> <FRAME name="right" src="contents_main.html"> </FRAMESET> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET> </HTML>

  • htmlのフレームについて

    メモ帳からホームページをつくっています 二分割フレームを作っていて、それぞれ frame.html framelight.html framemigi というふうに保存しています 一応分割するためのページには <Html> <Head> <Title>フレームのページ</Title> </Head> <Frameset cols="150,*"> <Frame name="hidari" src="1.html"> <Frame name="migi" src="2.html"> </Frameset> <Noframes> フレーム未対応ブラウザへ表示される部分。 </Noframes> </Html> をコピペして作ってあります    src= のところは変えてあります パソコン内からframe.htmlを開くと分割されたものしか出ません そうゆうものなのでしょうか

  • フレームのことなんですが

    説明しにくいので、もしわかりにくければ下記のソースを参考に ご回答いただけるとありがたいです(4つ有効なリンクが貼ってあります)。 四分割のフレームをつくりました。 その内の一つにyahoo.co.jpを設定してあります。 そのyahooの右側の「個人ツール」の箇所だけ 焦点をあてて表示させる方法はありませんか? 一目でメールチェックができるようにしたいので。 なお、HP作成ではなく、まったくのローカルで使うものです。 <HTML> <HEAD> <TITLE>LINK</TITLE> </HEAD> <FRAMESET COLS="50%,50%"> <FRAMESET ROWS="42%,58%"> <FRAME SRC="http://www.google.co.jp" NAME="google" SCROLLING="auto" > <FRAME SRC="http://www.goo.ne.jp" NAME="goo" SCROLLING="auto" > </FRAMESET> <FRAMESET ROWS="73%,27%"> <FRAME SRC="http://www.yahoo.co.jp" NAME="yahoo" SCROLLING="auto" > <FRAME SRC="http://www.infoseek.jp" NAME="infoseek" SCROLLING="auto" > </FRAMESET> <NOFRAMES> <BODY> 本ページはフレームで構成されております。<BR> フレーム未対応のブラウザでは表示できませんのでご了承ください。</BODY> </NOFRAMES> </FRAMESET> </HTML>

    • ベストアンサー
    • HTML
  • HTMLでフレームのトップの中でサーブレットを呼びたいです

    HTMLでフレームのトップの中でサーブレットを呼びたいです <FRAMESET rows="13%,87%" cols="25%,75%" frameborder="0"> <FRAME src="uePage.html" name="hidariue" scrolling="no"> <FRAME src="migiue.html" name="migiue" scrolling="no" norisaize> <FRAME src="hidariTop.html" name="hidari"> <FRAME src="NewPage.html" name="migi"> <NOFRAMES> ここの中でよべるのですか?教えてください!

    • ベストアンサー
    • HTML

専門家に質問してみよう