ブラウザによってフレームの表示が異なるのですが..
はじめまして。
現在下記のような形のHPを制作しているのですが、フレームが難しくてなかなか進めません。
ブラウザやそれぞれの環境によって見え方が違ってしまいます。
私の環境では真ん中にぎゅっと詰まってスクロールが出てしまうような小さな見え方になってしまっています。
どの環境で見ても統一させるにはどのようにしたら良いのでしょうか。
------------------------------
上の固定バー
------------------------------
メニュー|内容
|
|
|
|
------------------------------
下の固定バー
------------------------------
ソースは以下のように組みました。
<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等に関してまったくの初心者ですので、判り易く教えていただけたら大変有り難く思います。どうぞよろしくお願いします。
お礼
ご回答ありがとうございます。 やはり、フレームをまたがるレイヤーは無理ですよね... 下フレームの表示を軽くする様にがんばってみます。