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

質問

はじめまして。
現在下記のような形のＨＰを制作しているのですが、フレームが難しくてなかなか進めません。
ブラウザやそれぞれの環境によって見え方が違ってしまいます。
私の環境では真ん中にぎゅっと詰まってスクロールが出てしまうような小さな見え方になってしまっています。
どの環境で見ても統一させるにはどのようにしたら良いのでしょうか。

------------------------------
上の固定バー
------------------------------
メニュー｜内容
　　　　｜
　　　　｜
　　　　｜
　　　　｜
------------------------------
下の固定バー
------------------------------

ソースは以下のように組みました。

<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等に関してまったくの初心者ですので、判り易く教えていただけたら大変有り難く思います。どうぞよろしくお願いします。

回答No.1

yambejp · ベストアンサー

非推奨だと理解できている前提で・・・
フレームは3分割以上できますので、以下のように先に
たて3つにわけて、真ん中をよこに分けるというのが
スマートですね。

<frameset rows="10%,*,10%">
<frame src="header.htm" title="header">
<frameset cols="200,*">
<frame src="menu.htm" name="menu">
<frame src="main.htm" name="main">
</frameset>
<frame src="footer.htm" name="footer">
</frameset>

お礼

早速のご回答どうもありがとうございます！
フレームすぐにできてしまいましたね..；；
あてはめてがんばってみます!!!

不躾ながら更に質問なのですが、、、。
このフレームデザインでフルスクリーンではなく、
背景に画像を入れ込みたい場合なのですが、
そうしたときに環境によって余白の度合いが激しく異なってしまって。。
ＨＰの部分がかなり小さくなって、余白がものすごくある見え方に
なってしまったのですが、これも統一して見えるように組むことはできますか？？

すみません；
もしよろしかったら教えていただけますでしょうか(○┓ペコ