自作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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フレームページが表示できません
-
左フレーム内のリンクを右側に...
-
WebサイトでHTMLのフォームに隠...
-
どのページもすべて同じURLなの...
-
画面上部に検索用窓を設ける方法
-
フレームを使用しないフレーム...
-
ポップアップメニューが隠れて...
-
HTMの IFRAME タグの代わりにな...
-
CSSで複数ページに、同じ文字列...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
社内で利用するWebサイトを立ち...
-
java_run.batがダウンロードで...
-
HTMLページが勝手にダウンロー...
-
htmlの中にexcelが埋め込むには...
-
iPadの標準ブラウザでローカルH...
-
JSPの中にhtmlファイルを埋め込...
-
<a href=…></a>で表示されない。
-
strutsのApplicationResource.p...
-
リンク先を2つ表示させる
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
pythonのエラーについての質問...
-
フレームで指定している送信先...
-
フレームの片方だけを更新(リロ...
-
frameの内容が表示されない
-
2つのページを重ねたい
-
WebサイトでHTMLのフォームに隠...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
iframeを使わないで・・・
-
html 左メニューから右への表示...
-
formデータ送信時にフレームペ...
-
フレームが表示されない><
-
直リンクとは。
-
HP全体にmidiを・・・
-
HTML、1クリックで複数画像表示
-
HTML フレーム内にWebページを...
-
フレームがあるページでの更新...
-
フレームの表示と非表示の切り替え
-
「無題ドキュメント」の名前変...
おすすめ情報