• ベストアンサー

HPが上手く表示されないんです

leaz024の回答

  • leaz024
  • ベストアンサー率75% (398/526)
回答No.3

スタイルシートは、ブラウザの種類やバージョンによって機能しなかったり、効果が違ったり、バグによって表示に障害が起きたりするので、使用には十分な注意が必要であると共に、スタイルシートが機能しないと表示に支障をきたすようなページ作成は避ける必要があります。 まず overflow-x と overflow-y についてですが、これらの属性は IE5 以上でないと機能しません。 これらは縦横に異なる設定をするために用意された属性でなので、両方に同じ指定をするのであれば、一括して指定を行う overflow (IE4 以上で有効)を使うとよいでしょう。 ただし、フレームごとのスクロールバーの表示制御は、FRAME タグの scrolling 属性で指定するのが一般的です。 また、スクロールバーの色指定を行う scrollbar-XXX-color という属性は、全て IE5.5 以上でないと機能しません。 これより下はアドバイスです。 フレームは分割数が多いほど表示までの時間が遅くなり、サーバーにも負荷がかかります。 説明を読んだ限りでは、フレーム分割を行う HTML が2枚、表示用 HTML が4枚あるように思うのですが、下記のような工夫でフレーム分割 HTML は1枚(図1のもの)、表示用 HTML は3枚に抑えることができます。 ○フレーム設定例 <FRAMESET rows="20,*" border="0" frameborder="no">  <FRAME src="ue.html" name="ue" noresize scrolling="no">  <FRAMESET cols="100,*" border="0" frameborder="no">   <FRAME src="menu.html" name="menu" noresize scrolling="no">   <FRAME src="main.html" name="main" noresize scrolling="auto">  </FRAMEBORDER> </FRAMEBORDER> ○ue.html の例 <BODY topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> <TABLE border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">  <TR>   <TD width="100" bgcolor="緑色">&nbsp;</TD>   <TD background="右上用だったギザギザ画像">&nbsp;</TD>  </TR> </TABLE> </BODY> ※FRAMESET タグ内の 20 や 100、及び TD タグ内の 100 は、適宜調整して下さい。

noname#3887
質問者

お礼

フレーム4分割は多いですよねー…私もその点はちょっと問題ありかなぁと思ってたんです。でも、テーブルの背景画像指定って、ネスケで表示する時に変に表示されませんでしたっけ?私の記憶違いだったら良いんですけど…すみません。 overflowについて、ありがとうございました!これは知りませんでした。まだまだスタイルシート勉強中なので、参考になります(^-^)

関連するQ&A

  • HPビルダー8 フレームを消して1つにまとめたい!

    HPビルダーでHPを作って公開しています。 でも今のHPはフレームを使って2分割に分かれています。 左のフレームにメニューが縦にならんでいてスクロールバーが付いています。右にはメイン?ページがあります。 それを分割しないで今度はフレームを使わず今までのHPの感じで1つのページに変えたいのですがどうやったらできますか? 作り直すしかありませんでしょうか? 宜しくお願いします!

  • スクロールバーを表示させないようにするには・・・

    例えば、フレーム分割していないページの スクロールバーを表示させないようにする方法はありますか? ちなみに、ページの縦が1画面内で収まっているので、 スクロールはしませんが。

    • ベストアンサー
    • HTML
  • スクロールバーを無くしてすくロースさせたい!

    タイトルのままなのですが、現在ページを作っているのですがデザインの関係からスクロールバーを表示させない仕様になりました。 CSSは、 overflow:hidden; の設定を試してみました。 しかし、この状態では当然はみ出したページ部分を読むことが出来ず困っております。 イメージとしては、overflow:hidden;の様にスクロールバーが無くなった状態でそのままスクロールできればと考えております。 フレーム方式にしたら出来るような記憶がありますが、何れにしてもフレームは使用したく無いです…。 どなたか、実現する方法をご存知の方いらっしゃいましたら、アドバイスを頂けますと助かります。 宜しくお願いします。

    • ベストアンサー
    • CSS
  • フレーム内のテーブルの表示について。

    先ほど下記で、フレーム内のテーブル表示について質問したのですが、新たな質問が出てしまったので、合わせて改めて質問させて頂きます。 解像度1024×768を基準として、縦に2分割したフレームの片方に、width=100%のテーブルを表示しています。 行数が少なく縦スクロールが出ない状態では、横スクロールがなく表示できるのですが、行数が増え、縦スクロールが出てくると横スクロールも出てしまいます。 縦スクロールが出てくることによって、表示サイズが狭まっているようなのですが、何か回避策がありましたらお教えください。よろしくお願いします。 ちなみに、overflow-x、overflow-yを使用してみましたが、駄目でした。

  • 横方向のスクロールをなくしたい

    縦3分割(cols="*,700,*")のフレームにし、真ん中だけ遷移させるページを作成しているのですが、CSSで、 body{ overflow-x:hidden; } と設定しているのですが、横方向にスクロールされてしまいます。フレームの値(width)より真ん中のページに置く幅の値が等しいか同値であるのですが、何か設定が要るのでしょうか? 因みに縦はスクロールします。(真ん中のフレームのみ) 考えてみましたが、結論が出そうになかったので教えてください。お願いします。

    • ベストアンサー
    • HTML
  • スタイルシートを使った(iframeのような)複数スクロールのシンクロ

    フレームやiframeを使わずにスタイルシートを使って画面を分割しました。 ※外枠の大きなTBLを4分割して右上のセルは横見出し、左下のセルは縦見出し、右下のセルは明細としてそれぞれセルの中にさらにTBLを定義しました。 それらのTBLにはスタイルシートではみだすところは overflow:autoでスクロールするようにしてます。 ここで質問です。 それぞれのスクロールバーをシンクロして動かすにはどうすればいいのでしょうか? (右下のセルの中のTBLのスクロールバーを動かすと左下のセルの中のTBLのスクロールバーがシンクロして動く、という動き)

  • iframeの横スクロール

    iframeを使ってほかのページを表示させているのですが、 どうしても横スクロールバーが出てしまうのでcssのbody要素に 「overflow-x: hidden;」と入れました。 確かにiframeの横スクロールバーは消えましたが、ページの横スクロールも消えてしまいました。 div idでiframeを囲ってcssでその場所だけに「overflow-x: hidden;」を入れると今度は横スクロールバーが消えません。。 色々調べてみたのですが同じような人がいないようで; 詳しい方教えていただけないでしょうか。 (説明がへたくそですみませんm(_ _)m)

  • ページが収まりきらない

    先日HPをオープンさせました。トップ画面が1ページ内で収まるようタグを書いたつもりなのですが少し縦にスクロールしてしまいまうという不具合が出てしまいます。<table width="100%" height="100%>でページを囲いアップロードしていない段階で表示させてみるときちんと収まるのですが…。 今は<body style="overflow:hidden;">でスクロールバーを表示させず応急処置をしているのですが他のページとの兼ね合いもあって根本的に解決したいと思っています。どなたか原因を突き止めていただけないでしょうか? http://www.geocities.jp/********/

  • スクロールバーがおかしいのですが・・。

    ホームページビルダー17を使っています。古くてスミマセン。今朝までうまくいっていたのですが。 質問ですが、私のHPで右端のスクロールバー(背景と同色の色をつけています)が色は出ないし、上下しません。 3つのフレームページを使っていますが、2つの頁ではフレームページの属性でスクロールバーの設定をナシにしていますが、右端の頁ではスクロールバーの設定を自動にしています。ビルダーのプレビユーでは作成したままを表現してくれるのですが、パソコン上の私のHPの縦に長い頁では動きません。ただ、ホイールボタンを使用すると上手くスクロールしてくれるのですが・・・。他のPCではどうなのでしょうか。互換表示もやってます。URLはhttp://mustang.c-mash.co.jpです。もしくは「きもの風土記」で検索できます。 私のHPを開くと右にグレーのスクロールバーがあります。ページをせばめると、当然のことながら下にスクロールバーが出ます。下のスクロールバーでページを広げると、私の本来のHPのスクロールバーが出てきます。言うならば、スクロールバーの中に私のHPがある形になっています。右のスクロールバーが二つあるという形です。もちろん私のHPだけで、ヤフーとか他のHPは正常に見られます。 どなたかよろしくお願いします。 ※OKWAVEより補足:「富士通FMV」についての質問です。

  • html、スクロールバーを表示させない(横だけ)

    HTMLでフレームのスクロールバーを表示させないには <frame>、<iframe>タグの属性、scrolling="no"とすればよいのですが それでは縦のスクロールバーも横のスクロールバーも消えてしまいます。 自分は横のスクロールバーのみ消して縦のスクロールバーのみ残したいのですがどうすればいいでしょう? 補足:上下にのみ動かせるページを作りたい。ということ。 わかるかたどうかお願いいたします。 HTMLでムリでしたらJavaScritpなどでもかまいません(が、解説、もしくは解説ページを教えていただかないと自分はJavaScriptが打てませんので・・・よろしくお願い致します。)