フレームの縦スクロールを実装する方法
- フレームを使ったページの縦スクロールの実装方法を教えてください。
- dir1.htmのソースコードにおいて、<iframe>を使用せずに縦スクロールを付ける方法を教えてください。
- JavaScripを使用して、dir1.htmに縦スクロールバーを表示する方法を教えてください。
- ベストアンサー
フレームの縦スクロール
フレームを使ったページの縦スクロールをさせる方法を教えて下さい。 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>を使わないことが条件です。
- yieerco
- お礼率11% (3/27)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
なんとなくできましたので回答します。 でもこれいいのかは全く自信なしです。 まずファイルをひとつ追加しました。 dir0.htm とします。 [dir0.htm] <HTML> <FRAMESET ROWS="100%" style="overflow:scroll"> <FRAME SRC="dir1.htm" style="height:1800"> </FRAMESET> </HTML> そして dir1.htm を修正しました。 [dir1.htm] <HTML> <FRAMESET rows="*,*" style="height:1800"> <FRAME SRC="dir2no1.htm" style="height:900"> <FRAME SRC="dir2no2.htm" style="height:900"> </FRAMESET> </HTML> その他のファイルについては変更はありません。 IE以外のブラウザで試していませんのでご了承くださいませ。
関連するQ&A
- ＤＭＭＸ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> それではよろしく御願いします。
- 締切済み
- 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 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> 宜しくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- フレームすくローリング有り／無し
こんにちわ だいぶ前に登録してから、久しぶりに 質問させて頂きます。 フレームページの作成をしております。 右がメインで、左がメニューの一般的なものですが、 左のメニューフレームについて、、、 縦幅はスクロール有り 横幅はスクロール無しにし、幅を固定したいのですが HTMLタグ辞典や調べて探しきれませんでした。 既に同じ質問が出ていたら申し訳ありません、 何卒宜しくお願い致します。 現在 indexのタグは以下のとおりです。 --------------- <frameset rows="*" cols="150,*" frameborder="NO" border="0" framespacing="0"> <frame src="left_frame.htm" name="leftFrame" scrolling="auto" noresize> ↑↑↑↑↑↑↑↑ auto にすると、横も縦も スクロール出てしまいます；＿； <frameset rows="82,*" cols="*" framespacing="0" frameborder="NO" border="0" Marginwidth="5"> <frame src="frame_above.htm" name="topFrame" scrolling="NO" noresize> <frame src="main.htm" name="mainFrame"> </frameset> </frameset> <noframes><body> ---------------
- 締切済み
- HTML
- フレームページのソース
こんにちは。 フレームページのソースについて質問させてください。 <FRAMESET COLS="20%,*" BORDER=0> <FRAME NAME="menu" SRC="menu.html" scrolling="auto" NORESIZE> <FRAME NAME="main" SRC="main.html" scrolling="auto" NORESIZE> </FRAMESET> これを どこに入れるかですが、私が知っているソースの常識は、 １、</HEAD>のすぐ後には必ず<BODY> ２、</HTML> のすぐ前は必ず</BODY> です。これを守ってソースを書き込んでみると、 <HTML> <HEAD> <FRAMESET COLS="20%,*" BORDER=0> <FRAME NAME="menu" SRC="menu.html" scrolling="auto" NORESIZE> <FRAME NAME="main" SRC="main.html" scrolling="auto" NORESIZE> </FRAMESET> <TITLE>タイトル</TITLE> </HEAD> <BODY> <NOFRAMES> <P>サイトの説明</P> </NOFRAMES> </BODY> </HTML> このようになると思うのですが、 <HEAD>と</HEAD>に入れ込んでいいのでしょうか。 </HEAD>の下に持ってこようとすると １、２、の常識に当てはまらなくなったりするのです。 他のサイトさんのソースを見てみますと 皆さん</HEAD>下に入れていらっしゃるようです。 トップページに使用しているのでとても不安です。 どなたか、自信のある方、教えていただけないでしょうか。
- ベストアンサー
- HTML
- フレームの仕様について
例えば <frameset rows="○○px,100%"> <frame src="○○" scrolling="no" noresize frameborder="no" name="head"> <frame src="○○" noresize frameborder="no" name="contents"> </frame>でフレームを上下で分割した時に、上のフレームでは上下左右のスクロールバーが出ない設定にしてあるのですが、下のフレームではスクロールバーが表示される様に設定してあります。この時に、下のフレームで上下のスクロールバーだけを表示させたいと思っているので左右のスクロールバーを表示させたくありません。どうすればよろしいのでしょうか。
- ベストアンサー
- HTML
- フレーム使用時にブラウザのスクロールバーを表示させる方法
フレームを使って画面を分割すると、各フレームのスクロールバーのみが表示され、ブラウザのスクロールバーが表示されないのですが、表示するにはどうすれば良いでしょうか？ 一般のどの画面も、ブラウザのスクロールバーが表示されていますよね。 初歩的な質問ですみません。 ソースは以下の通りです。 【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
- フレームができません
このようにフレームを作ったのですが なぜか、index.htmlを開くとノーフレームの文字が出てしまいます。 何ででしょうか？ index.html ------------------------------------------ <HTML> <HEAD> <TITEL> タイトル </TITEL> </HEAD> <FRAMESET COLS="100,*"> <FRAME NAME = "pon" SRC = "menu.html"> <FRAME NAME = "tin" SRC = "main.html"> </FRAMESET> <NOFRAME> 駄目 </NOFRAME> </HTML> menu.html ------------------------------------------ <HTML> <HEAD> <TITEL> タイトル </TITEL> </HEAD> <BODY BGCOLOR="orange"> 項目 </BODY> </HTML> main.html ------------------------------------------ <HTML> <HEAD> <TITEL> タイトル </TITEL> </HEAD> <BODY BGCOLOR="green"> 内容 </BODY> </HTML>
- ベストアンサー
- HTML
- フレームセットができない・・
フレーム構造のページを直に呼び出すためのリンクを作ろうとしています。 要は、フレームがセットされた状態で呼び出すということです。 http://www.ほげ.net/ほげ/ほげ/021107_ほげ.html メイン部分のURLがこうだとして。 http://www.ほげ.net/ほげ/ほげ/021107_ほげ2.html この場合は、同じディレクトリーにソースを入れ込みます。ファイル名は 021107_ほげ2.htmlです。そうすれば、例えばメルマガなどで上記URLを入れ込 めば、フレームセット状態でページが表示されるはずなんですが メインの文章の右側をスクロールさせます。で、以下のようなソースを作った のですがどうしてもメインのhtmlが出てきてくれません。 □□□□□□□□□□□□□□□□□□□□□□□ header.html □□□□□□□□□□□□□□□□□□□□□□□ □ □ ※ □ ス □ ク menu.html □ ロ □ ル □ ****.html ※ ------------------------------------------------ </HEAD> <frameset rows="90,*" border="0" framespacing="0" frameborder="NO"> <frame src="../../header.html" name="header" noresize scrolling="NO"> <frame src="../../menu.html" name="left" noresize scrolling="NO"> <FRAME SRC="*****.html" NAME="main" SCROLLING=YES> <NOFRAMES> <BODY> このページを見るのにはフレームの表示ができるブラウザが必要です。 </BODY> </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
補足
ありがとうございます。 今ネスケなので、後でIEで見てみたいです。 IEでできればそれでよいです。 ネスケではスクロールバーが出ませんでした。