• 締切済み

ブラウザによってFrameがズレてしまう。

IE7 IE6 FireFox それぞれのブラウザでFrameの見え方が異なってしまいます。 ↓ http://nanzya.web.fc2.com/ 具体的には、上のFrameと下のFrameがズレて表示されます。 IE6ではちゃんと表示されていたものが、IE7やFireFoxではズレてしまいます。 （下Frameをscrolling="auto"にしているとズレるようです。） （上Frameはscrolling="no"） すべてのブラウザで表示を統一するには どうすればいいでしょうか。 どなたかご教示ください。

  • HTML
  • 回答数2
  • ありがとう数1

みんなの回答

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.2

ページがスクロールできない状態になっているときブラウザによってスクロールバーを表示するか表示しないかの挙動は異なります。 上下両方スクロールバーを表示しないとどうしようもないです。環境間の互換性を考えるとそれ以外に対処法はないと言って良いでしょう。

nanzya
質問者

お礼

ありがとうございます。 フレームは外すことにします・

noname#39970
noname#39970
回答No.1

それぞれのブラウザで描画方法が異なる よって全てで統一するのはほぼ不可能(しかもautoだし) 多少ズレても吸収できるよう設計するしかない またはframeを使わないデザインを試みる operaでも確認した方が良いかも

nanzya
質問者

補足

ありがとうございます。 フレームは外すことにします・

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • フレームがきれいになりません。

    下記のように上と、左右で３フレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、左のフレームの下にスクロールバーが出てしまいます。どのようにすれば直るのか初心者のため分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています↓ http://www.twinklecloset.com/index.html

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

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

    • ベストアンサー
    • HTML
  • 教えて下さい。フレームのページの編集が出来ない訳。

    ここ２、３日ろくに寝もしないでこんな時間までやってた甲斐合ってなんとなーくhtmlも読めるようになってきた気がします。 素人ですがどなたかまたお付き合いください。 テンプレートを加工してwebを作っているんですが、 肝心のトップページであるindex,htmlの編集が出来ません。 htmlの作成はもじらのコンポーザーでやっています。。 トップページを読み込んで開くと「不明な理由でこのページは編集出来ません」とメッセージが出ます。ソースを開いて見てみると 下のようなものしかなく、なにか出来ないかと思って頭の部分を入れてみたりしたのですが、次には 「＜body>タグがないからです」ってメッセージが出ます。 このトップページってルールだけなんですよね？<body>タグなんてどこに入るんでしょうか？ ココを編集してやりたい事は、縦の３分割になっているうちの "index-left.html"の割合が大きすぎて、メニューバーである真ん中のページを足すとほぼ半分ウィンドウを占めてしまい、IEなどに至ってはメインページである右側部分がほとんど見えなくなってしまいます。 それで、左側の"index-left.html"の割合を少なくしたいのですが、 それも重ねてわかりますでしょうか。 環境はMacOSX、ブラウザは基本的にサファリです。IEもネスケももじらもFIREFOXも持ってます。 何を書き込めばいいのか教えて下さい！ （このページにあったソースはこれで全部です。） <frame name="l" src="index-left.html" 　frameborder="0" scrolling="no"><frame name="menu" src="index-menu.html" 　scrolling="no" frameborder="0"><frame name="main" src="index-main.html" 　frameborder="0" scrolling="auto"> <noframes><BODY> <p>このページにはフレームが使用されていますが、お使いのブラウザではサポートされていません。</p> </BODY> </noframes>

  • フレームを使ったページ

    <FRAMESET ROWS="105,*" BORDER="0" FRAMEBORDER="0" FRAMESPACING="0" NOBORDER> <FRAME SRC="menu.html" name="menu" scrolling="no" noresize marginwidth="0" marginheight="0"> <FRAME src="main.html" name="main" scrolling="no" marginwidth="0" marginheight="0"> </FRAMESET><noframes></noframes> 上記フレームを使ったページを更新ボタンで更新すると横にスクロールバーが表示されます。 スクロールバーがでるのは上のページ（menu.html）で下ページ（main.html）にはでません。 win（Netscape,IE）で確認するとでないのですがMac（IE）だとスクロールバーがでてしまいます。 どうすれば解消できるでしょうか。 教えて下さい。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • フレームのことなんですが

    説明しにくいので、もしわかりにくければ下記のソースを参考に ご回答いただけるとありがたいです（４つ有効なリンクが貼ってあります）。 四分割のフレームをつくりました。 その内の一つにyahoo.co.jpを設定してあります。 そのyahooの右側の「個人ツール」の箇所だけ 焦点をあてて表示させる方法はありませんか？ 一目でメールチェックができるようにしたいので。 なお、HP作成ではなく、まったくのローカルで使うものです。 <HTML> <HEAD> <TITLE>LINK</TITLE> </HEAD> <FRAMESET COLS="50%,50%"> <FRAMESET ROWS="42%,58%"> <FRAME SRC="http://www.google.co.jp" NAME="google" SCROLLING="auto" > <FRAME SRC="http://www.goo.ne.jp" NAME="goo" SCROLLING="auto" > </FRAMESET> <FRAMESET ROWS="73%,27%"> <FRAME SRC="http://www.yahoo.co.jp" NAME="yahoo" SCROLLING="auto" > <FRAME SRC="http://www.infoseek.jp" NAME="infoseek" SCROLLING="auto" > </FRAMESET> <NOFRAMES> <BODY> 本ページはフレームで構成されております。<BR> フレーム未対応のブラウザでは表示できませんのでご了承ください。</BODY> </NOFRAMES> </FRAMESET> </HTML>

    • ベストアンサー
    • HTML
  • フレームの仕様について

    例えば <frameset rows="○○px,100%"> <frame src="○○" scrolling="no" noresize frameborder="no" name="head"> <frame src="○○" noresize frameborder="no" name="contents"> </frame>でフレームを上下で分割した時に、上のフレームでは上下左右のスクロールバーが出ない設定にしてあるのですが、下のフレームではスクロールバーが表示される様に設定してあります。この時に、下のフレームで上下のスクロールバーだけを表示させたいと思っているので左右のスクロールバーを表示させたくありません。どうすればよろしいのでしょうか。

    • ベストアンサー
    • HTML
  • フレーム未対応専用（？）ブラウザ

    WEBページのＴＯＰがフレームページなんですが、 フレーム未対応ページではどう表示されるのか どうしても確認したいんです。 普段使用するブラウザはＩＥ５.０１です （それ以外は使いません） とりあえず、 「フレームが表示できないブラウザ」が フリーで出回っているのをご存知の方、 教えてくださいです。

  • ブラウザによってページが表示できません

    自作のホームページがブラウザによって表示できません。 firefox3.6,safari4では表示されます。 google chromeでは表示されないページがありますが、更新すると 表示されます。 lunascape6,IE8,sleipnir2.9では真っ白になり、まったく見れません。 ページはテラパッドで作成しました。 どこに原因があるのでしょうか？ http://universitymath.web.fc2.com/index.html

    • ベストアンサー
    • HTML
  • フレームなしPからフレームありP内へのアンカーへ

    フレームなしページからフレームありページ内の指定アンカー（ラベル）へ飛ばしたいと思い、過去ログq135419を参考に JavaScript を埋め込もうとしていますが、うまくいきません。 フレームありのページは３分割してあり、上をaaa.htm、左をbbb.htm、右をccc.htmと作ってあります。 -例- <html> <head><title></title> </head> <FRAMESET rows="82,*" cols="*" frameborder="NO" border="0" framespacing="0"> <FRAME src="framef/aaa.htm" name="ue" frameborder="no" scrolling="NO" noresize id="header"> <FRAMESET rows="*" cols="228,*" framespacing="0" frameborder="NO" border="0"> <FRAME src="framef/bbb.htm" name="hidari" frameborder="no" scrolling="auto" noresize id="navi"> <FRAME src="ccc.htm" name="main" frameborder="no" scrolling="auto" id="main"> </FRAMESET> <NOFRAMES> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P></NOFRAMES> </FRAMESET> </html> この内、ccc.htmにアンカー（ラベル）を指定し、フレームなしページからフレーム内のそのアンカー（ラベル）まで飛ばしたいと思っていますが、過去ログで提示してあるJavaScriptを当方のページで作ってあるものに置き換えてもうまく表示されません。（何も表示されません。） そもそも提示のJavaScriptでは３分割に対応してないのでしょうか。 元のページは業者で作成してもらったもので、フレームのページはcssとか使用され凝ったものになっています。それも何か関係あるのでしょうか。 よろしくお願いいたします。

  • フレームで表示すると

    自分でフレームを組んだのですが、 IEだと大丈夫だったのですが、 NN4.7で崩れてしまいました。 フレームの間に白い線が入ってしまいます。 原因がわからず、ここに質問しております。 一つの画像を縦３つに分け、真ん中は横３つに分け、 合計５マド構成のフレームにしたいと思っています。 インラインフレームのような感じです。 インラインフレームだとNNでは表示されないので、 このような形にしようと思いました。 下記のようなソースでは何か問題があるのでしょうか。 教えてください、宜しくお願いします。 <frameset rows="*,*,*" frameborder="0" framespacing="0" border="0"> <frame src="top.htm" marginwidth="0" marginheight="0" scrolling="no" noresize> <frameset cols="*,*,*" frameborder="0" framespacing="0" border="0"> <frame src="midddle_left.htm" marginwidth="0" marginheight="0" scrolling="no" noresize> <frame src="midddle_midddle.htm" marginwidth="0" marginheight="0" scrolling="yes" noresize> <frame src="midddle_right.htm" marginwidth="0" marginheight="0" scrolling="no" noresize> </frameset> <frame src="bottom.htm" marginwidth="0" marginheight="0" scrolling="no" noresize> </frameset>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する