自作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を書いた方が早いんでしょうけど…)
やはりフレームを使わない方が良いでしょうか?何か良い案があれば教えて下さい。お願いします。
No.1ベストアンサー
- 回答日時:
■スクロールバーの色
スクロールバーの色がオレンジに表示されないのは、ご自宅の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>
こう直します。
スクロールバーの色の方は、対応していないブラウザがまだまだ多い事は十分承知なので、諦めます(^-^)
> SCROLLING="no"
そう言えば、そんなのありましたね!忘れてました(^^;)付け足したら思った通りに表示されました。ありがとうございました!
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="緑色"></TD>
<TD background="右上用だったギザギザ画像"></TD>
</TR>
</TABLE>
</BODY>
※FRAMESET タグ内の 20 や 100、及び TD タグ内の 100 は、適宜調整して下さい。
フレーム4分割は多いですよねー…私もその点はちょっと問題ありかなぁと思ってたんです。でも、テーブルの背景画像指定って、ネスケで表示する時に変に表示されませんでしたっけ?私の記憶違いだったら良いんですけど…すみません。
overflowについて、ありがとうございました!これは知りませんでした。まだまだスタイルシート勉強中なので、参考になります(^-^)
No.4
- 回答日時:
> でも、テーブルの背景画像指定って、ネスケで表示する時に変に表示されませんでしたっけ?
TABLE や TD タグの background 属性は、IE3/NN4 以上で有効ですので、たいていの環境では大丈夫だと思います。
あと No.3 の回答で、</FRAMESET> であるべき部分を、間違えて </FRAMEBORDER> と書いてしまいました。
すみません。
あ、詳しく書かなくてすみません。
ネスケだと、TDの背景指定をすると、テーブルの背景を指定しなくてもTDのと同じ背景が指定されるとか聞いたんですけど、じゃぁそれも大丈夫ですか?何回も聞いてしまってすみません。問題無いようならテーブル使おうと思います。
No.5
- 回答日時:
> ネスケだと、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)を用意し、サイズ指定をして入れてやります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- 写真・ビデオ iPhoneで撮影した動画の画角をキープした状態で容量を減らす方法。 3 2022/09/25 17:23
- Word(ワード) Word2013 縦書き上下二段の表、改行を続けると次ページに情報が表示されるようにしたい 3 2022/06/16 09:24
- gooブログ 記事の下にスクロールバーが表示される 2 2022/08/19 20:42
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- メガネ・コンタクト・視力矯正 失敗した高額メガネ 6 2022/12/03 23:11
- iOS iPhone用動画保存アプリiCapのデータは外付けUSBメモリに保存できますか? 1 2022/10/18 17:48
- その他(教育・科学・学問) 技術のテストの問題です。やり方を教えてください! 間1.7バイトは何ビットか。 間2.5ビットで表現 4 2023/02/27 00:09
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ページが変わっても同じ音楽を...
-
画面の一部だけ更新したいので...
-
2つのページを重ねたい
-
pythonのエラーについての質問...
-
html リンクを別フレームに表...
-
インラインフレームのデメリット
-
<a href >タグのtarget属性に...
-
googleでホームページを検索し...
-
フレームを使ったページの全体...
-
フレームページが表示されない...
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLでページの余白を設定したい。
-
フレームが表示できません
-
ホームページビルダーのフレー...
-
フレームページでの更新(F5)...
-
どのページもすべて同じURLなの...
-
複数フレームへ同時にリンクを...
-
インラインフレームへのリンク...
-
URLを変えないで表示する方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
フレーム内のPHPへPOSTで情報を...
-
pythonのエラーについての質問...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
html 左メニューから右への表示...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
スクロールできない
-
フレームで指定している送信先...
-
フレームが表示されない><
-
html リンクを別フレームに表...
-
ブラウザで4分割表示できますか?
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLファイルの置き方による読...
-
CSSを使って画像をクリックする...
-
フレーム分割した全体をスクロ...
-
フレームの表示と非表示の切り替え
-
HPの一部に他のHPを表示
おすすめ情報