- ベストアンサー
HPが上手く表示されないんです
自作HPが実家のPCで上手く表示されないんです(´-`) そのページは、まずフレームで横に分割の後、縦に分割して3分割の状態にし(図1)、上ページに縦分割のフレームページを読み込ませて、全部で4分割されたページです(図2)。 ┌───┐ ├┬──┤←図1 └┴──┘ ┌┬──┐ ├┼──┤←図2 └┴──┘ それで、右下フレーム以外のBODYタグ内に「style="overflow-x:hidden;overflow-y:hidden;"」と書き、右下フレームにもスクロールバーの色をオレンジ色に変えるスタイルシートを読み込ませています。 でも実家のPCでは、全フレームにスクロールバーが出ていて、右下フレームのスクロールバーもオレンジ色じゃないんです。 私自身のや学校のPCで表示した時はスクロールバーは出ません。たぶん実家のPCのブラウザ設定に原因があると思います。何か考えられる原因があれば教えて下さいm(_ _)mその他、友達のHPの掲示板(CGI)も表示されなくて、書き込めなくて困ってます。そちらの解決法もあれば教えて下さい。実家のPCはWin98、IE4.0です。バージョンが古いだけでしょうか? また、自作HPの方で同じような表示になる別の書き方は無いでしょうか? 右下のフレーム以外は飾りみたいな感じです。右上フレームの背景は横に、左下フレームには縦に緑のギザギザが続くようにして、左上フレームの背景は全面が緑色になるようにしています。そして左下フレームにメニューを縦に並べてます。右下フレームにメニューで選んだ内容が表示されます。 (本当はHPのURLを書いた方が早いんでしょうけど…) やはりフレームを使わない方が良いでしょうか?何か良い案があれば教えて下さい。お願いします。
- HTML
- 回答数5
- ありがとう数7
- みんなの回答 (5)
- 専門家の回答
質問者が選んだベストアンサー
■スクロールバーの色 スクロールバーの色がオレンジに表示されないのは、ご自宅のPCのIEのバージョンが古いからのでは? IE6.0以前のブラウザでは、スクロールバーの色設定に対応してないと思います。 ネスケでも対応していません。 ■全フレームにでるスクロールバー 背景画像の縦横サイズを表示しようとブラウザが思っているので、背景画像のピクセル寸法とフレームのピクセル寸法を同じにすれば大丈夫だと思います。 しかし、それよりもフレームページのソースで編集したほうが便利だと思います。 --全体.htmlのソース <FRAMESET rows="50%,50%" frameborder="NO"> <FRAME src="上フレーム.html"> <FRAMESET cols="50%,50%" frameborder="NO"> <FRAME src="下左.html" scrolling="NO"> <FRAME src="下右.html" scrolling="AUTO"> </FRAMESET> こうするとスクロールバーは、右下のページ以外は バーが出ません。 上のフレームは2分割してありますから、 ---上フレーム.htmlのソースの一部 <FRAMESET cols="50%,50%" frameborder="NO"> <FRAME src="上左.html" scrolling="NO"> <FRAME src="上右.html" scrolling="NO"> <FRAMESET> こう直します。
その他の回答 (4)
- leaz024
- ベストアンサー率75% (398/526)
> ネスケだと、TDの背景指定をすると、テーブルの背景を指定しなくてもTDのと同じ背景が指定されるとか聞いたんですけど… それはないと思います。簡単なHTMLで試しましたが、NN4.7 及び NN6.2 では問題ありませんでした。 それから、フレームのきり方とテーブルについてなんですが、No.3の方法だとNN4で表示が崩れることが分かりました。 なので、フレームは ┌┬──┐ |├──┤ || | └┴──┘ となるようにし、左側のHTMLをテーブルで上下に切るとOKのようです。 ○フレーム設定 <FRAMESET cols="100,*" border="0" frameborder="no"> <FRAME src="menu.html" name="menu" noresize scrolling="no"> <FRAMESET rows="20,*" border="0" frameborder="no"> <FRAME src="ue.html" name="ue" noresize scrolling="no"> <FRAME src="main.html" name="main" noresize scrolling="auto"> </FRAMESET> </FRAMESET> ○テーブル設定(menu.html) <BODY topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" background="縦のギザギザ画像"> <TABLE border="0" cellpadding="0" cellspacing="0" width="100%" height="20" bgcolor="緑色"> <TR><TD><IMG src="space.gif" width="100" height="20"></TD></TR> </TABLE> <!-- ここからメニューの内容 --> : </BODY> ※テーブルは中に何か入れないとつぶれてしまうので、透明のGIF画像(ここでは space.gif)を用意し、サイズ指定をして入れてやります。
お礼
ありがとうございます!早速そういう風に変えようと思います。
- leaz024
- ベストアンサー率75% (398/526)
> でも、テーブルの背景画像指定って、ネスケで表示する時に変に表示されませんでしたっけ? TABLE や TD タグの background 属性は、IE3/NN4 以上で有効ですので、たいていの環境では大丈夫だと思います。 あと No.3 の回答で、</FRAMESET> であるべき部分を、間違えて </FRAMEBORDER> と書いてしまいました。 すみません。
お礼
あ、詳しく書かなくてすみません。 ネスケだと、TDの背景指定をすると、テーブルの背景を指定しなくてもTDのと同じ背景が指定されるとか聞いたんですけど、じゃぁそれも大丈夫ですか?何回も聞いてしまってすみません。問題無いようならテーブル使おうと思います。
- leaz024
- ベストアンサー率75% (398/526)
スタイルシートは、ブラウザの種類やバージョンによって機能しなかったり、効果が違ったり、バグによって表示に障害が起きたりするので、使用には十分な注意が必要であると共に、スタイルシートが機能しないと表示に支障をきたすようなページ作成は避ける必要があります。 まず 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="緑色"> </TD> <TD background="右上用だったギザギザ画像"> </TD> </TR> </TABLE> </BODY> ※FRAMESET タグ内の 20 や 100、及び TD タグ内の 100 は、適宜調整して下さい。
お礼
フレーム4分割は多いですよねー…私もその点はちょっと問題ありかなぁと思ってたんです。でも、テーブルの背景画像指定って、ネスケで表示する時に変に表示されませんでしたっけ?私の記憶違いだったら良いんですけど…すみません。 overflowについて、ありがとうございました!これは知りませんでした。まだまだスタイルシート勉強中なので、参考になります(^-^)
- kikyo777
- ベストアンサー率26% (53/199)
スタイルシートはIE5.5以上からですね(たしか・・・) 少なくとも私は見れてますので。 5.0はダメだったような・・・ ウイルス対策の為にも5.5SP2にアップされた方がいいと思いますよ。
お礼
やっぱりIE4.0は少し古いですよね。 実家の者はあまりパソコン詳しくないようなので、新しいのインストールしようと思います。ありがとうございました。
関連する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を使用してみましたが、駄目でした。
- 締切済み
- HTML
- 横方向のスクロールをなくしたい
縦3分割(cols="*,700,*")のフレームにし、真ん中だけ遷移させるページを作成しているのですが、CSSで、 body{ overflow-x:hidden; } と設定しているのですが、横方向にスクロールされてしまいます。フレームの値(width)より真ん中のページに置く幅の値が等しいか同値であるのですが、何か設定が要るのでしょうか? 因みに縦はスクロールします。(真ん中のフレームのみ) 考えてみましたが、結論が出そうになかったので教えてください。お願いします。
- ベストアンサー
- HTML
- スタイルシートを使った(iframeのような)複数スクロールのシンクロ
フレームやiframeを使わずにスタイルシートを使って画面を分割しました。 ※外枠の大きなTBLを4分割して右上のセルは横見出し、左下のセルは縦見出し、右下のセルは明細としてそれぞれセルの中にさらにTBLを定義しました。 それらのTBLにはスタイルシートではみだすところは overflow:autoでスクロールするようにしてます。 ここで質問です。 それぞれのスクロールバーをシンクロして動かすにはどうすればいいのでしょうか? (右下のセルの中のTBLのスクロールバーを動かすと左下のセルの中のTBLのスクロールバーがシンクロして動く、という動き)
- ベストアンサー
- JavaScript
- 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/********/
- 締切済み
- その他(インターネット・Webサービス)
- スクロールバーがおかしいのですが・・。
ホームページビルダー17を使っています。古くてスミマセン。今朝までうまくいっていたのですが。 質問ですが、私のHPで右端のスクロールバー(背景と同色の色をつけています)が色は出ないし、上下しません。 3つのフレームページを使っていますが、2つの頁ではフレームページの属性でスクロールバーの設定をナシにしていますが、右端の頁ではスクロールバーの設定を自動にしています。ビルダーのプレビユーでは作成したままを表現してくれるのですが、パソコン上の私のHPの縦に長い頁では動きません。ただ、ホイールボタンを使用すると上手くスクロールしてくれるのですが・・・。他のPCではどうなのでしょうか。互換表示もやってます。URLはhttp://mustang.c-mash.co.jpです。もしくは「きもの風土記」で検索できます。 私のHPを開くと右にグレーのスクロールバーがあります。ページをせばめると、当然のことながら下にスクロールバーが出ます。下のスクロールバーでページを広げると、私の本来のHPのスクロールバーが出てきます。言うならば、スクロールバーの中に私のHPがある形になっています。右のスクロールバーが二つあるという形です。もちろん私のHPだけで、ヤフーとか他のHPは正常に見られます。 どなたかよろしくお願いします。 ※OKWAVEより補足:「富士通FMV」についての質問です。
- 締切済み
- ノートPC
- html、スクロールバーを表示させない(横だけ)
HTMLでフレームのスクロールバーを表示させないには <frame>、<iframe>タグの属性、scrolling="no"とすればよいのですが それでは縦のスクロールバーも横のスクロールバーも消えてしまいます。 自分は横のスクロールバーのみ消して縦のスクロールバーのみ残したいのですがどうすればいいでしょう? 補足:上下にのみ動かせるページを作りたい。ということ。 わかるかたどうかお願いいたします。 HTMLでムリでしたらJavaScritpなどでもかまいません(が、解説、もしくは解説ページを教えていただかないと自分はJavaScriptが打てませんので・・・よろしくお願い致します。)
- ベストアンサー
- ホームページ作成ソフト
お礼
スクロールバーの色の方は、対応していないブラウザがまだまだ多い事は十分承知なので、諦めます(^-^) > SCROLLING="no" そう言えば、そんなのありましたね!忘れてました(^^;)付け足したら思った通りに表示されました。ありがとうございました!