フレームページの上下分割に関する質問

前へ 次へ
このQ&Aのポイント
  • 仕事でホームページを作っています。トップページは左右に分かれたフレームページですが、右側のメインページを上下に分けたいページがあります。しかし、メニューボタンからリンクを開くと上部のフレームが表示されず、下部のページのみが表示されてしまいます。
  • フレームページを作成中でトップページの右側のメインページを上下に分けたいページがありますが、リンクを開くと上部のフレームが表示されず、下部のページのみが表示されてしまいます。
  • ホームページ作成中に右側のメインページを上下に分けたいページがあるのですが、リンクを開くと上部のフレームが表示されず、下部のページのみが表示されてしまいます。
回答を見る
  • ベストアンサー

上下に分けたフレームページ。アップすると下のページだけ表示される・・・

仕事でホームページを作っています。 更新がメインですが、初心者で担当は一人なので、質問させてください。 トップページは左右に分かれたフレームページです。 右側のメインのページを、上下に分けたいページがあります。 フレームはindex.htmという名前で保存し、上のページをheaderという フレーム名をつけてheader.htmとし、下のページをfooterという名前にし、 footer.htmとして保存しました。 つまりページは3ページあります。 index.htmをダブルクリックしてInternet Explorerで開いた場合と、Dreamweaverなどで 開いた場合は、きちんと上下に分れたページになるのですが、 トップページ左フレームのメニューボタンにindex.htmのリンクを入れて サイトを開くと、右側のメインページにはフレームなしの上、footer.htmの ページだけしか開かないのです。 保存方法はDreamweaverでフレームを新規保存し、その後で「すべて保存」 にしています。 わかりづらい質問で申し訳ありません。思い当たることがありましたら アドバイスお願いいたします。

  • kobalt
  • お礼率99% (1567/1581)

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

  • ベストアンサー
  • raiki
  • ベストアンサー率30% (49/159)
回答No.2

#1です。どうもうまく指摘できないので、こちらで成功した環境を載せます。 少々長くなりますが、ご了承ください。 ＊構成（すべて同じフォルダ） 　main.html（トップページ） 　menu.html（左側メニューページ） 　nonframe.html（右側のページ、フレームなし） 　framepage.html（右側のフレームページ） 　header.html（framepage.html上部ページ） 　footer.html（framepage.html下部ページ） 　最初は、右側にはnonframe.htmlが表示されるようになっています。ソースは以下の通り。（HTMLタグ～HEADタグは省略） ＊main.html <FRAMESET COLS="15%,85%"> <FRAME SRC="menu.html" NAME="menu"> <FRAME SRC="nonframe.html" NAME="main"> </FRAMESET> ＊menu.html <BODY> <BASEFONT COLOR="WHITE"> <A HREF="nonframe.html" TARGET="main">ノンフレーム</A><BR> <A HREF="framepage.html" TARGET="main">分割</A><BR> </BODY> ＊nonframe.html <BODY> ノンフレームページ </BODY> ＊framepage.html <FRAMESET ROWS="50,*"> <FRAME SRC="header.html" NAME="header"> <FRAME SRC="footer.html" NAME="footer"> </FRAMESET> ＊header.html <BODY> へっだ </BODY> ＊footer.html <BODY> ふった </BODY> …これで、menu.htmlの「分割」をクリックすると右側ページがフレーム分割されたページになりました。確認はIE6.0で行っています。 もし見当違いな実験でしたら、ご指摘ください。

kobalt
質問者

お礼

何度も試していただいて回答もいただき、ありがとうございます。 週明けに試してみたところ、フォルダが異なるのが原因かな・・・と思ったのですが、初歩的なミスで トップページのフレームを読み込んでいないから、だったようです。 なんとかできました。 ありがとうございました。 今後ともよろしくお願いいたします。

その他の回答 (1)

  • raiki
  • ベストアンサー率30% (49/159)
回答No.1

…微妙に状況がわかり辛いです（＾＾； 現在のリンクの張り方とか、フレームの切り方とかをタグで出してあれば、もう少し判断がついたのですが… とりあえず、それらしいページを作って実験してみましたが、こちらではちゃんと動きました。 まず、トップページのフレームに、以下のように名前を付けます。 左側：reft 右側：right 次に、トップページ左側のリンクを以下のようにします。 <a href="[index.htmへのURL]" target="right">[表示する文字列]</a> これで大丈夫だと思いますが… もっと確証の持てる方がいらっしゃったら、お願いします。 ちなみに、もうひとつアドバイスすると、index.htmは、普通はＵＲＬでディレクトリのみ指定され、ファイル名が指定されなかった場合に自動的に開くページに振る名前なので、できればＴＯＰページをindex.htmlにした方が良いかと思います。

kobalt
質問者

お礼

早速のアドバイス、ありがとうございます。 質問にトップページのことを書いてしまいましたが、ターゲット設定はうまくできているようで 本日職場で確認したところ、raikiさんご回答のタグになっていました。 現在フレームなしのページを臨時で作って、左側のメニューをクリックすると、右のメインページが 開くようにはなっています。 再度思い当たることがありましたら、アドバイスの程、よろしくお願いいたします。

kobalt
質問者

補足

>>index.htmをダブルクリックしてInternet Explorerで開いた場合と、Dreamweaverなどで >>開いた場合は、きちんと上下に分れたページになるのですが、 上記については勘違いでした。Internet Explorerで開いた場合は、フレームなしのfooter.htmのみが 開くだけです。 Dreamweaverで開いた場合は、きちんと上下に分れたページになります。(4/8）

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • フレーム内のページ表示について

    メニューとメインでフレームのページを作っています。 メインページに直接訪れた人の為に、「メニューが表示されない場合はクリック」とフレームページのリンクを作ってあります。<A href="index.html" target="_top"> フレームページ（メニュー）は表示されるのですが、次にメニュー項目をクリックすると、全画面でメインページがでてしまい、またメニューが見えなくなってしまいます。 ふつうにフレームページ（index.html）を開いた場合は、ちゃんとメインフレーム内に各ページが表示されるので、なぜメインページのリンクからだとそれができないのかがわかりません。 フレーム名はメニュー＝menu　メイン＝mainとして、メニュー各項目のリンクは<A href="001.htm" target="main">としてあります。 説明が下手でごめんなさい。よろしくお願いします。

    • ベストアンサー
    • HTML
  • 部分ページURLへのアクセスでトップフレームを表示

    わかりにくいタイトルでごめんなさい。 http://www.～.jp/index.htm でアクセスできるトップページは左右の２つのフレームに別れていて、右側にコンテンツ、左側が各コンテンツへのリンク（画像）を表示しているとします。 そこでコンテンツＡをクリックしたときには、右側にトップページと同じディレクトリにあるa.htmを表示します（状態Ａ）。これは、targetでフレームを指定しています。 さて、index.htmのURLをご案内して見に来てもらう時は問題ないのですが、a.htmのURLをご案内して来てもらったときは、左側のリンクバーが表示されません。そのときでも、状態Ａの様に表示するにはどうしたらいいでしょうか。 全てのページをフレームページにして、リンクバーをロードさせれば実現出来そうですが、あまりスマートには思えなくて．．．

    • ベストアンサー
    • HTML
  • フレームページのアップロードについて

    ホームページビルダー8で、フレームページを作った場合 アップロードするとき、フレーム分割したTOPページは、indexにするべきですか？ 例えば、左右の分割にした場合、左をindex,右をmenuとして保存して アップロードすればいいでしょうか？

  • ホームページビルダーのフレームのトップページの表示がおかしい。

    ホームページビルダー11で3分割のフレームページをつくりました。トップページの上や左側のフレームからのリンクをクリックすると、右側のフレームに表示されるのですが、トップページをクリックすると右側のフレームに3分割されたトップページが表示されてしまうのです。 どうしたらよいのかお分かりになる方教えていただけますようお願いいたします。

  • index.htmlからフレームページへリンク

    ビルダーでＨＰを作成中です。index.htmlから各ページにリンクを貼りたいのですが、上手くいきません。 ファイルは以下のように作成しています。 index以下の階層ページはフレームを使って表示させたいと思っています。 ｉndex.html topフォルダ(この中にtop.htmとmenu.htmフレーム名：menuとhome.htmフレーム名：homeとimagesフォルダ) newsフォルダ(この中にnews.htmとimagesフォルダ) といった感じです。 top.htmはリンクを貼るとmenu.htmとhome.htmが表示されますが、他はどのような作ればいいのでしょうか。必ず、menu.htmと他のページ(例えばnews.htm)が１つの画面に出るようにしたいです。 宜しくお願いします。

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

    僕は自分のホームページで、ページを上下２つに分けるフレームを使っています。 今は上の部分がナビゲーションバーとして固定されており、下の部分だけがスクロールするようにしています。 ですが、今度は上の部分も一緒にスクロールするようにしたいです。 つまり、まるでフレームを使っていない１つのページのようにしたいのです。 このやり方が分からないので質問を投稿しました。 どなたか教えてくださると嬉しいです。 因みにホームページ作成にはDreamweaver MXを使っています。 よろしくお願いします。

  • ボタンを押したときに特定のフレームにページを表示するには？

    タグの知識が全然無くてすみませんが教えて下さい。 端末だけで紙芝居のように見てゆくＨＴＭＬを作っています。FrontPage2000を使っています。 上下にフレーム分割されていて、上のフレームがnavi、 下のフレームがcontentだとします。 このとき､naviにロードしたページ上にあるボタンを押したら、 contentにあるページをロードするようにしたいのです。 ＵＲＬのリンクなら出来るのですが．．． ページ全体を開きなおすのは <input onclick="top.location='??.htm'" type="button" value="○○" name="B1"> でできたので、 <input onclick="content.location='??.htm'" type="button" value="○○" name="B1"> とか、 <input onclick="location='??.htm'" target='content' type="button" value="○○" name="B1"> とかしてみたんですがダメでした。 こういう場合どのようにしたらいいでしょうか。

    • ベストアンサー
    • HTML
  • アップロードしたがトップページがフレームのみ

    転勤して、HPの更新を任されました。ホームページビルダーを使うのも慣れていないので、初歩的なことで申し訳ありませんがお願いします。 フレーム付きのトップページを更新し、アップロードして、ブラウザで見たら、フレームのみが出て、右側のページは「インターネットに接続できません」と出てしまいます。 フレームのメニューを一つ一つクリックすると右側にそれぞれ出てくるので、トップページ以外はちゃんと転送されているようです。設定が違うのでしょうが、わかりません。 フレーム付きのトップページ（index.html）を出すにはどうしたらよいでしょうか。ホームページビルダーはV9、OSはXPです。

  • フレームページのアップロード方法

    index.html＝トップページ　というのは分かりました。 が、フレームページをTOPページとしている場合、どうすれば良いのか分かりません。 教えてください！ 何度FTTPを独学で時間裂いていじくりまわしてもどうも出来ず、追い詰めれています。 ↓【当方の現状】 HPビルダーでサイトを作成。今の時点でTOPページ（フレームあり）は、「top.html」という名前にしてあります。 しかし、実際にHPビルダーの「サイトを開く」で全体を見るとtop.html－top1.html（フレーム左） 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　top2.html（フレーム右） となっており、top.htmlには画像は無く、フレームページがtop1.html、top2.htmlとしてあり、そこにはちゃんとHPで仕上げた通りの画像等が反映されています。 フレームページをTOPページとしてFTTPでアップロード、ダウンロードするにはどうしたらいいのでしょうか？ また、全てのリンクに影響する気がして、「index.html」に名前を変更出来ずにいます。 というより、どれをindex.htmlに変更すればいいか判りません。 私は同人サイトを作成しており、「バナー」クリック→「TOP画面」にしたいのです。 多くの人は忍者HPを使用しており、フレームページがちゃんとTOPページになっています。 URL「　　　　　　　　.jp」→バナーが表示されており、バナーをクリックすると、 URL「　　　　　　　　.jp/　　/index.html」→TOPページ（フレームあり）になっています。 具体的にはどのようにすればいいんですか？？ 初心者なりに調べて類似した質問回答も参照にしていますが、判りません。 HPは仕上がってるのに、FTTPでつまづき、先に進めません。 どうか判りやすいご回答を宜しくお願いします。 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

  • 上フレームページと下フレームページが共にページのTOP（一番上）の位置

    上フレームページと下フレームページが共にページのTOP（一番上）の位置が見えるよなリンクの仕方を教えてください。 HTML初心者です。上下2つに分けたフレームページを作っています。 下フレームページの下の方の位置のリンクボタンをクリックすると上フレームページが見えなくなってしまいます。また下フレームページも下の方の位置へリンクしてしまいます。 下フレームページのどの場所のリンクボタンをクリックしても常に 上フレームページと下フレームページが共にページのTOP（一番上）の位置が見えるよなリンクの仕方をご教授ください。初心者ですのでなるべく簡単で具体的なHTMLの書き方を教えてください。 どうぞよろしくお願い致します。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する