四方を枠で囲んで、その中で内容を展開するページの作り方

質問

四方を囲ってあって、そこは固定していて、その枠の中でスクロールバーがついていて、内容を展開するようなページはどうやって作ってあるのでしょうか？

…上手く説明できないので、参考URLをご覧ください。

http://www.vaniran.com/

仕組みがさっぱり分からないので、どうか教えてください。

回答No.4

BlueRay

知りたいみたいなので、少しばかりですけど
例題のサイトは、FRAMEで作られています。
パーツは以下のように５つで構成されているようです。

では、がんばってください。m(__)m

＿＿＿＿＿＿＿
|＿＿＿１＿＿＿|
|　|　　　　　　　　|　|
|　|　　　　　　　　|　|
|２|　　　３　　　　|４|
|　|　　　　　　　　|　|
|　|　　　　　　　　|　|
|－－－－－－－|
|＿＿＿５＿＿＿|

回答No.3

trumphouse

画面上で右クリックしてソースを表示させていないでしょうか?
その場合、右クリックした場所のページ（.htmlファイル）のソースを見ていることになります。
ブラウザのメニューからソースを表示させてみてください。

フレームはいくつかの.htmlファイルで構成されていて、
その親のファイルを見てやらないと<FRAMESET>タグは出てこないんです。

FLAMESETは縦横に分割しながらその枠の中にページを配置していきますが、
IFLAMEの場合はページの一部に他のページを覗く窓を開けるといった感じですね。

お礼

あ～、ありました！FLAMESET！
おっしゃる通り、画面上でクリックして表示させていました。（恥）

FLAMESETとIFLAMEの違いも分かりました。
ところで、例題のサイトは結局どちらでつくられているのでしょうか？（←未だ、本当には理解していない^^;）
IFLAMEでつくってみたらそれらしきものになったのですが、ソースでFLAMESETと出てくるということは、このサイトの作者はFLAMESETでつくられているんですよね。
とにかく、このソースをまねして一度つくってみます。

初心者の質問につきあって頂いて、本当に感謝しています。
ありがとうございました！

回答No.2

trumphouse

上記URLのソースですと
<frameset ...>から</frameset>がご希望の部分です。
<noframes>…</noframes>はこの機能を使えないブラウザ用の記述です。

詳しくは参考URLを…。

参考URL：

http://tohoho.wakusei.ne.jp/html/frameset.htm

補足

ご回答ありがとうございます！
私が示したサイトのソースで、どこに<frameset>を使っているか見つけられなかったのですが…。
すみません。初心者なもので。
よければ、また教えてください。

回答No.1

noname#2500

<iframe src="URL"></iframe>というタグを使います。URLのランに中身の内容ページのURLをかきこみます
周りの花の部分はバックグラウンドで背景として合わせているようです。

お礼

おおっ！本当だ。出来ました。感動です！！
iframeなんていうタグがあったんですね。全然知りませんでした。
簡単なのに、すごく複雑っぽく見えて良いですね。
早速、iframeを使って、サイトを作ってみるつもりです。
ありがとうございました。