• ベストアンサー

ブラウザやOSによる表示の違いの対処方法ありますか?

ひとつのページにインラインフレームとレイヤーで作成したドロップダウンメニュー(マウスオーバーでメニュー欄が表示されるもの)を使用しており、インラインフレーム上にそのレイヤーのドロップダウンメニューが重なるとブラウザやOSの違いにより表示できない(メニューがインラインフレームの下に入って隠れる)場合があるのですが、対処方法はあるでしょうか? 現在確認している表示の結果は以下の通り。 WindowsXPの場合:IE6.0→OK,Netscape6.2→NO MACos9.2の場合:IE5.0→NO,Netscape7.0→OK ちなみにDreamweaver4で作成しています。 何か良い方法があればぜひ教えてください。よろしくお願いします。m(_ _)m

  • CSS
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • moon_night
  • ベストアンサー率32% (598/1831)
回答No.1

表示をあわせるのによい方法は、 基本的なタグのみの使用で複雑なことをやらないようにする というのが一番いい対処法です。 ブラウザやOSによるサポートの違いはユーザーレベルではどうしようもできません。 規格があるならその企画にちゃんとあわせてくれればいいのですが。。。 多くのブラウザ、OSに対応するんでしたら select タグとかで代用するとか インラインフレームを使用しないとか 消極的な対処しか思い浮かびません。 JavaScriptでサポートしていない場合は 違う表示を用いるとか、 ユーザーエージェントをとってページを振り分けるとかすれば各ブラウザにあったページが作れるのでしょうけども。 それほど手間をかけても見栄えを気にしたいのでしたらブラウザ毎、バージョン毎、OS毎にページを分ければいいと思います。

hellodime
質問者

お礼

回答ありがとうございます。 やはり全てのブラウザで同じ表示をすることは難しいようですね。ページ数がたいへん多いために、それぞれのブラウザ用に作成するのはかなりの手間になりそうです。今のところインラインフレームも構成上どうしても必要になっていますので、現在はトップページに対応ブラウザを提示して対応しています。何か画期的な方法があればいいんですが…。

その他の回答 (1)

  • lodeman
  • ベストアンサー率38% (16/42)
回答No.2

完全に表示させることが出来るか否かは、 その表示内容によるのですが、 そのフレームとページのマージン指定の見直しで ある程度解決できるかも知れません。

参考URL:
http://tohoho.wakusei.ne.jp/html/iframe.htm
hellodime
質問者

お礼

回答ありがとうございます。 これは、マージン指定で互いの位置を見直すということでしょうか? 試してみたのですが、やはり大幅にレイヤーがインラインフレームの上に重なっている場合、インラインフレーム内(マージン数値内)ではレイヤー部分の表示が隠れてしまいました。(WinXP,Netscape6.2) 私の理解不足でしたら申し訳ありません。 正しい方法もしくは別の方法があればまたよろしくお願いいたします。

関連するQ&A

  • ブラウザによる表示(体裁)崩れについて教えて下さい

    Dreamweaverの標準サンプルで一般→ページデザイン(CSS)Haloナビゲーション右を利用して作成したコンテンツがIE6ではキチンと表示されるのですがIE7Bata2やNetscape、FireFoxなどのブラウザで見ると体裁が崩れてしまいます。こうしたことを回避する方法はどんな方法がありますでしょうか?

  • インラインフレーム内へのリンク

    上部にタイトルとドロップダウンメニューを表示した下に、インラインフレームを表示しています。 インラインフレーム内に表示する情報が長いため、ドロップダウンメニューでフレーム内の情報の途中何箇所かへリンクできるようにしたいと考えています。 メニューの切り替えによって、インラインフレーム内の表示を切り替えるには、どのようにしたらよいでしょうか? 申し訳ありませんが、至急教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • レイヤー・・・ブラウザが古いとぐちゃぐちゃになります

    テーブルでどうしてもうまく表現できない箇所だけをレイヤーにしてサイトデザインを完成させました。 うっかりIE6でしか確認していなかったので、しまったと思い、すぐに以下のブラウザを使用して見栄えを確認してみました。 その結果も合わせて以下に記します。 windows/IE6 問題なし windows/Netscape7.1 問題なし windows/Netscape4.7 レイヤー使用箇所だけずれる windows/Opera7.1  問題なし Mac/IE5  レイヤーの部分だけが表示されて、その下部にページ全体が表示されます。このIE5のずれが一番ひどかったかもしれません。 レイヤーを使い方がまずいのでしょうか。それともブラウザの使用上、これは仕方がないことなのでしょうか。 ちなみにDreamweverMXによる作成です。 レイヤーは凄く便利ですが、それだけ扱いが難しいのだなと痛感いたしました。

  • terapadのブラウザ表示ボタンがなくなりました。

    お世話になります。 terapadのメニューボタンにIEとNetscapeの表示ボタンがあり、便利に使用していましたが、0.93へバージョンアップした途端表示されなくなってしまいました。表示させる方法はございませんでしょうか。 もしくは同等の機能を持っているソフトはございませんでしょうか。 秀丸を入れてみましたが、そのような機能は見つかりませんでした。 ホームページ作成のソースを書いて、手軽にブラウザ表示させてみたいという要望なのですが。 よろしくお願いいたします。

  • 表示の違いの修正方法について

    HPをIE6.0とNetscapeで表示した時に、IE6.0の場合 の表示で文字がずれています。両方のHPソフトでも同じ 表示にする方法の一番簡単な修正方法を教えてください。

  • SSIでインラインフレームを表示する方法教えてください

    HTMLとSSIについての質問です。 データを使い回しするため、menu.htmlというページを作りました。 includeでファイルを呼び出してみると インラインフレームを使用して作成した部分が表示されません。 左側にmenuとして、 ABOUT BBS BOOK などと、並び、たとえばABOUTのページに インラインフレームで違うページを組み込んでいるのですが それがどうしても表示されません。 何かいい方法はありますか? SSIを使うと、インラインフレーム作成のページは 表示されないものなんでしょうか?

  • クロスブラウザした時の表示の違いに困っています

    Dreamweaver8で制作しているのですが 時々、クロスブラウザで見え方のチェックをしていた時に IE・Netscape・Operaでは大丈夫なのですが、 Firefoxでみた時、中身のテキストの文章量が多いときなど フッダーからダラダラとはみ出て表示されているのですが どうしたら良いのでしょうか。 中身の部分が、文章量に応じてグーンと伸びる様な設定って どうしたらよいのですか? 初歩的ですみません。 どうかお分かりになる方教えてください。

  • IEと、他ブラウザの表示がうまく合いません

    Dreamweaver CS3、macにてHPを制作中なのですが、safariやクローム、オペラで確認する表示と、 IEで確認する表示が異なり、困っています。 文字詰めやフォントもそうなのですが、IEで表示するとサイドのメニューバーの高さがページによって変わってしまう(広がる)ことに一番困っています。(メニューを選択した際、右側に表示される内容が多くスクロールが発生する場合) テーブル設定の問題?とも思ったのですが、IEだけなので困っています。 文章での説明分かりづらいかもしれませんが、この現象を回避できる方法をお教え頂ければ幸いです!どうぞよろしくお願いします。

  • IE6と他のブラウザの表示の違いの対処法

    現在DreamweaverでHP作成中の初心者です。 私はIE7とFirefoxのブラウザで確認をしていて問題なかったんですが、IE6のブラウザを使用している人にズレていると指摘をもらいました。こちらの教えてgooでもブラウザによって表示が変わってしまうなどの質問を見て、cssを振り分けたりIEハックを使うと良いということはわかりました。 私はcssを分けて作成してみようと思ったんですが、すべてのcssを分けるべきなのか?それとも原因のあるところだけを別のcssで作成するほうが良いのか教えていただけませんでしょうか? 色々読んでは見たものの私にはなかなか理解できなくて困ってます。 もし親切な方がおられましたら初心者な私でもわかるように対処法を教えていただけないでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • IEとNetscapeの違い

    DREAMWEAVERでホームぺージを作っています。今までIE5で確認にして問題なかったのですが、Netscape6.2でも見てみたところ、以下の不具合が見つかりました。 1.DWでレイヤーを配置して作ったのですが、レイヤーが重なっていないところでも隣接すレイヤーが重なって見えてしまう箇所がある。 2.標準的なゴシック文字を選択しているのですが、IEと違ってきれいに出ない(これは私の個人的な感覚かもしれませんが、しょうがないのでしょうか…、ちなみにDWのフォントサイズは2です) 上記のような状態を解消して、IEでもNetscapeでも両方ともきれいに出るようにするにはどうしたらよいのでしょうか? 初めて作ったホームページなので私の知識不足や質問が変、と言うこともあるかもしれませんが、どなたか参考になるアドバイスがあれば教えてください。

    • ベストアンサー
    • CSS

専門家に質問してみよう