フレームの設定

質問

今現在、左右で20％.80％に分けてフレームを設定していますが、これにさらに上下20％.80％に分けてフレームを設定したいんです。

1.ひとつの画面上で、上記二つのフレームを設定することは出来ますか？

2.そして、その二つのフレームの重なった部分は、どちらのフレームのものになるんでしょうか？

3.その二つのフレームの重なった部分は、上下20％.80％に分けてフレームを設定したほうが必ず上になる様にしたい。

4.それぞれのフレームの区切り線を表示しないようにしたい。
（継ぎ目がわからないようにしたい）

5.それぞれのフレームの区切り線をドラッグアンドドロップで移動できないようにしたい。

以上の質問事項、よろしくお願いいたします。

回答No.3

zikaku · ベストアンサー

＞1.ひとつの画面上で、上記二つのフレームを設定することは出来ますか？

出来ます。
＃１さん、みたく1つにまとめることも出来ますが
”ダブルフレーム”で現すことも出来ます。
（同時に2つのページを置き換えたり出来ます。）
トップページのソースはこんな感じ
<FRAMESET cols="20%,80%" frameborder="NO" border="0">
<FRAME name="frame1" src="c1.htm" scrolling="NO">
<FRAME name="frame2" src="framep1.htm">
そして、右のページに（framep1.htm　2つ目のフレームページ）
ソースはこんな感じです。
<FRAMESET rows="20%,80%" frameborder="NO" border="0">
<FRAME name="frame3" src="a1.html" scrolling="NO">
<FRAME name="frame4" src="b1.html" scrolling="NO">

＞2.そして、その二つのフレームの重なった部分は、どちらのフレームのものになるんでしょうか？

フレームのファイルも、html（htm）ファイルなので、
重なるわけではなく。
ダブルフレームの場合は最初に指定した、フレームの中にフレームを開いてるだけです。
（HPソフト（ビルダー、ニンジャなど）の場合は、最初に開いているフレームのソース加工しか出来ないので、2つ目のフレーム（例ではframep1.htm）を
新たに開いて加工しなければなりません。）

＞3.その二つのフレームの重なった部分は、上下20％.80％に分けてフレームを設定したほうが必ず上になる様にしたい。

2番で答えたとおり重なっているわけではなく中で開いていますので表に表示されてます。
上下に分けたのは右側ですよね？

＞4.それぞれのフレームの区切り線を表示しないようにしたい。
（継ぎ目がわからないようにしたい）

↑このごろ区切り線の無いHPが増えてますよね～
frameborder="NO" border="0"
↑この部分です。消すタグです。

＞5.それぞれのフレームの区切り線をドラッグアンドドロップで移動できないようにしたい。

scrolling="NO"
↑スクロールバーを消すのはこのタグです。
ドロップは、出来ちゃうな～・・・

追加
,フレームの左側がもしメニューでしたら
20%,80%の所を150,*に変えたほうがお勧めです。

（１５０は、好きな数字に変えてください）
<FRAMESET cols="150,*" frameborder="NO" border="0">

http://f15.aaa.livedoor.jp/~gemu/fure-mu/index.htm

参考URL：

http://f15.aaa.livedoor.jp/~gemu/fure-mu/index.htm

お礼

すごくわかりやすい説明、ありがとうございました。
参考ページもよくわかりました。
実際に目で見れば、理解も深まるというものですね。
まだまだHP作成は勉強中ですので、がんばっていきます！！

補足

質問ですが、上下で80%.20%に分割した区切り線のないフレームページで上側のフレームだけ上下にスクロールさせるには、どうすればいいでしょうか？

回答No.4

zikaku

>質問ですが、上下で80%.20%に分割した区切り線のないフレームページで上側のフレームだけ上下にスクロールさせるには、どうすればいいでしょうか？

上を８０％ですね？

<FRAMESET rows="80%,20%" frameborder="NO" border="0">
<FRAME name="frame3" src="b1.html" scrolling="NO">
<FRAME name="frame4" src="a1.html" scrolling="NO">

↑2つ目のフレームのソースの
<FRAME name="frame3" src="b1.html" scrolling="NO">を
の部分を　NO　から　YES　に変えるだけです。

参考URLのトップページを上を８０％に変えて、スクロールを付けました。（参考にしてください）

スクロールバーが無い方が良い場合はアンカー（ラベル）と、言う手もあります。（参考URLで、スクロール無しと有り（トップページ）を見比べてください。

追加、参考URLに変化が無い場合は、プラウザの更新をクリックしてください。

参考URL：

http://f15.aaa.livedoor.jp/~gemu/fure-mu/index.htm

回答No.2

esprei

＃1です。
ちょっと抜けていました。

<FRAMESET rows="20%,80%" frameborder="NO" border="0">
<FRAME name="top" src="上ファイル名.html" noresize scrolling="NO">
<FRAMESET cols="20%,80%" frameborder="NO" border="0">
<FRAME name="left" src="左ファイル名.html" noresize scrolling="NO">
<FRAME name="right" src="右ファイル名.html" noresize scrolling="NO">
</FRAMESET>
</FRAMESET>

回答No.1

esprei

こういうことでしょうか？

<FRAMESET rows="20%,80%" frameborder="NO" border="0">
<FRAME name="top" src="上ファイル名.html" noresize scrolling="NO">
<FRAMESET cols="20%,80%" frameborder="NO" border="0">
<FRAME name="left" src="左ファイル名.html" noresize scrolling="NO">
<FRAME name="right" src="右ファイル名.html" noresize scrolling="NO">
</FRAMESET>

フレームのHTMLソースを上記のように記述すると、ご希望のようになると思います。
フレーム名はお好きにどうぞ。