人に聞けない痔の悩み、これでスッキリ >>

次の(1)~(3)の3つのファイルを作りました。

(1)
ファイル名:index.html
内容:
<html>
<head>
<title>雲の研究
</title>
</head>
<frameset rows="20%,80%">
<frame src="top.html">
<frame src="sub-index.html">
</frameset>
</html>

(2)
ファイル名:top.html
内容:
<html>
<head>
<title>タイトル
</title>
</head>
<body>

</body>
</html>

(3)
ファイル名:sub-index.html
内容:
<html>
<head>
<title>目次
</title>
</head>
<body>
いわし<br>
うろこ<br>
</body>
</html>

この3つのファイルを同一のフォルダに置いてindex.htmlをInternet Explorer 6.0で開くと


いわし
うろこ

と表示されるのではないかと思っていたのですが、何も表示されません。
なぜでしょうか。

A 回答 (3件)

わたしも見ましたが、特に問題は見当たりません。


上下フレームの間には、このindex.htmlですと
境界線が表示されます。

ちなみにフレームに組み込まれるhtmlの名前を変えてやると
IEでもfirefoxでもエラーメッセージが出ます。

エラーメッセージは何もでなかったでしょうか。
だとすると、何らかの条件でスタイルシートが使われて
読まれてるけど、文字が見えないとかなっているかも
しれません。フレームのところで右クリックして、ソースを見られませんか。

この回答への補足

fire-- 様

エラーメッセージは何も出ません。

(a)「フレームの右のところ」とはどこでしょうか。

(b)index.htmlを開いた画面で右クリックして「ソースの表示」を選択すると、index.htmlの中身が表示されます。

(c)index.htmlを開いた画面で「表示→ソース」と進んでも、同様に、index.htmlの中身が表示されます。

(d)(b)も(c)も、表示される内容は(1)のとおりです。

(e)スタイルシートのご指摘に関連するかどうか分かりませんが、(1)~(3)の3つのファイルは以前はスタイルシートを用いて書かれていました。そのときも同様に何も表示されなかったので、原因を調べるためにスタイルシートなど余分なものを順番に削っていき、最後に残ったのが(1)~(3)を内容とするファイルです。しかし、現在は3つのファイルとも、それらをメモ帳で開けると(1)~(3)に示す文字しか表示されません。

よろしくお願いします。

補足日時:2005/09/17 21:58
    • good
    • 0
この回答へのお礼

fire-- 様

「スタイルシート」のご指摘が気になったのでメモ帳を用いて全く新規にファイルを開いて、(1)~(3)と同じタグを新規にキーボードから入力して新規にファイルを作り、そのうちのindex.htmlをInternet Explorer 6.0で開いたところ、ちゃんと


いわし
うろこ

と表示されました!したがって、当初の私の質問は解決しました!

有り難うございました。「スタイルシート」のご指摘がなければ解決しなかったのではないかと思います。御礼の申し上げようもありません。

ただ、全く訳が分からないのですが、どうしてこんなことになるのでしょうか。また、どんなことに気をつけるとこのような問題を避けることができるでしょうか。

お礼日時:2005/09/17 22:45

まずは解決でよかったです。



しかし、何故なったかは、残念ながら判りかねます。
ただエラーメッセージが出てないようだったので、
だとすると実は文字があるのに見えてないだけでは
ないかと考えて、その先はスタイルシートかな?と
推定しました。

あと、「フレームの右のところ」ですが
フレームのところでマウスの右クリックです。
右クリックして「ソースの表示」を選ぶとフレームの
ソースが表示されます。
    • good
    • 0
この回答へのお礼

すごい勘ですね。

今回初めてフレームを組んだのですが、こんなことになったので面食らっていました。スタイルシートは便利ですが、素人には怖いと思いました。うっかり適当に使っているととんでもないことが起こりそうです。でも、便利なのでやめられないのですが...。

有り難うございました。

お礼日時:2005/09/17 23:12

拝見したところ、私には特に原因が見当たりません。


以下お知らせください。(他の方のお答えで解決した場合は結構です。)

(1)
「index.htmlをInternet Explorer 6.0で開く」ときの
具体的な操作をお知らせください。例:
 エクスプローラで開いたフォルダ "D:\XXX\YYY" からのドラッグアンドドロップ
 ブラウザのメニュー|開く|・・・

(2)
以下それぞれを開いたときのブラウザの動作を教えてください。
 top.html
 sub-index.html

この回答への補足

maxrobi 様

早速にご回答ありがとうございます。

(1)具体的な操作方法は、「ブラウザのメニューの「開く」→参照→index.htmlを指定する→開く→開く」です。

(2)top.htmlを開くと、
  雲
と表示されます。
 sub-index.htmlを開くと、
  いわし
  うろこ
と表示されます。

よろしくお願いします。

補足日時:2005/09/17 20:57
    • good
    • 0
この回答へのお礼

maxrobi 様

fire--様のところに書きましたが、私のスタイルシートの使い方が間違っていたようです。

十分な状況説明をしないでご相談して申し訳ありませんでした。

今後ともよろしくお願いいたします。

お礼日時:2005/09/17 23:15

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QIEでフレームが表示できない

以前ホームページを作成したのですが、他者様のご指摘により、IEでは正しく表示できていない事が発覚しました。フレームを使用しており、これを取り除けばうまくいくのですが、ローカル環境では、フレーム有りでも正しく表示されます。
大変困っております。ご存じの方居りましたら、どうかご教授お願いします。


以下ソース

<html><head><title>ホームページ名</title></head>

<frameset rows="210,*" frameborder="no">
<frame src="http://(以下略" name="menu" noresize>
<frame src="http://(以下略" name="main" noresize>
</frameset>
</html>

Aベストアンサー

>ローカル環境では、フレーム有りでも正しく表示されます。
レンタルサーバーですか?
リンク先のソース見たら広告が<html>タグの前後に入っているのでおかしなことになってます。
あと、<body>タグもありません。

このサーバーでフレームを使う場合はiframeを使った方がいいかも。

Qインラインフレーム 真っ白

お世話になります。
素人ながら働いている店の
HPを更新したり管理しています。
今までは全くなかったのですが、
一部のお客様から出勤表のページが
真っ白になって見れない、との指摘があり
確認したところ、店内のPCでは2台とも
普通に表示されています。
ちなみにIE6でもIE7でも両方試してみましたが
普通に表示されます。
問題のページのURLは

http://www.douse-c.net/sce.html

でインラインフレームを使って出勤表のcgiを中に表示させています。
ソースは書こうとしたのですが
2,000文字以上で入りきれませんでした。

現在のこのページのソースの状態で
見れる環境と見れない環境があるのでしょうか?
また、ソースや何かの設定を変えることにより
見ることができるようになるのでしょうか?
どうか、よろしくお願いいたします。

Aベストアンサー

WinXPのIE8で見てみると真っ白です(FirefoxとChromeでは大丈夫です)。そのままIE上でソースを見ると化けてますが、どうも文字コードのせいっぽいです(IE8のバグかも?)。

方法として
○外側のページの文字コードをeucかShiftJISにしてみる
○METAタグの中に日本語を入れないようにする
が考えられます。

Qframeset要素を使わずに画面を分割したい

アンテナ(下記サイト)のように左にメニュー画面を、右にコンテンツを表示するホームページを作成したいと考えています。
https://antenna.jp/

ひとつのウインドウで画面を2つにわけるためにはhtmlのframeset要素を使えばできることは把握しているのですが、上記サイトのアンテナではframesetを使わずに画面分割をしています。

見た目やレスポンシブ対応のしやすさも考え、できればframesetを使わずに画面分割を行いたいのですが、どのようにすれば可能でしょうか。
メニュー部分とコンテンツ部分を別々にスクロールできるようにしたいです。

どなたか分かる方教えてください。

Aベストアンサー

長くなるから、参考ページ参照。

参考URL:http://www.geocities.jp/eijispace/2012/0419.html

Qインラインフレームの表示位置を指定したい

インラインフレーム自体の表示位置を指定したいと思っています。
ページの大きさに対して中央に、
インラインフレームのページを表示したいと思っているのですが、

横位置は、ALIGN="center"を使って指定出来きましたが、
縦位置の指定が出来ないでいます。

色々と検索してみたのですが、
もしかしたら出来ないのでは。。。とも思っています。
ですが、Web上には中央に配置されるページとかもあるので、
出来ないはずはないのですが、
タグをみても量がおおくてわかりません^^;

恐れ入りますがよろしくおねがいしますm(__)m

Aベストアンサー

高さと幅が固定されていれば、以下のcssが有効のようです。
<style type="text/css">
<!--
#center{
height:200px;
width:500px;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-250px;
border:solid 1px #666666;
}
-->
</style>

<iframe src="" name="" id="center">
インラインフレームを使用しています。
</iframe>

QHTMLからフォルダを開きたい

いつも大変お世話になります<(_ _)>

Webサーバー上にあるWebページ(HTML)の中に、ローカルPCのフォルダを開くリンクを付けたいのですが、
<a href="file://c:\windows">OPEN</a>
としても、何も反応しません。

いろいろ調べたのですが、上記の方法しか見あたりません。

なお、ブラウザのアドレス欄に file://c:\windows と入力すると、フォルダの内容が表示されます。
※Firefoxだと、ファイルの一覧になりますが・・・

何か環境によって挙動が異なるのでしょうか?
それとも、セキュリティ上の観点から最近じゃ出来なくなっているのでしょうか?

是非ともお助け下さい。宜しくお願い致します。

Aベストアンサー

file:///C:/windows/
/は三つでは・・・
 IEの場合はエクスプローラ(ファイルマネージャ)が開くような・・・
 IEはファイルマネージャーと一体のブラウザなので・・・

★実は、ローカルサーバーが必要です。
 apacheでも何でも良いので、WEBデータの入っているフォルダーを
<VIRTUALHOST 127.0.0.1>
C:\Document and settings\my document\web
 とかに指定して、Windowsのhostsファイルで、適当なサーバー名を指定しておきます。
myLocalhost 127.0.0.1
とか・・・

 そうすると
http://myLoclahost/
 で開けます。

 

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

Qフレームページが表示されない!!!(泣)

こんにちは。では唐突ながらお尋ねします。
左右のページに分割してフレームページをつくりました。
左に項目のページ
右にメインのページという
ごくノーマルなホームページをつくりました。
左項目をクリックして右にページを表示するには
左のページ内にタグtarget="r"をいれることを知り、
さっそく試したところ、
自分のパソコン上の任意のフォルダ内で
うまくつながりました!

・・・しかし・・・サーバーにアップロードして
いざ表示してみるとどうでしょう!
できませんでした(号泣)!!!
左項目をクリックすると
右に表示されるページは
つながるのですが、
左側のページは消えてしまいます。
つまりフレームページとして表示されなくなる
現象がおこりました。
ご教授願います。。

Aベストアンサー

フレームの設定は

<frameset>
<frame src="menu.html" name="l"> (←左側)
<frame src="main.html" name="r"> (←右側)
</frameset>

みたいな感じですか? もしname属性を入れてない場合はちゃんと入れてくださいね。

そうすれば,左側に表示されるページで

<a href="***.html" target="r">リンク</a>

としてやれば,ちゃんと表示されると思います。
frameタグで指定したname属性と,aタグで指定するtarget属性を一致させないと,フレームが消えたり,新しいウィンドウが表示されたりします。

既にこのようになっている場合は,もう一度ソースが間違っていないか確認してみてください(^^;)

QIFRAMEの表示/非表示を切り替えたい

こんにちは。初歩的な質問ですが、タイトルの件についてです。

JavaScriptを使ってIFRAMEの表示/非表示を切り替えたいのですが、早速つまづいてしまいました。
以下がソースです。(JavaScript呼び出し部分は省略します。)

■IFRAME部分■
<iframe src="test.html" style=" visibility:visible;" name="test">
</iframe>

■JavaScript部分■
<SCRIPT Language="JavaScript">
<!--
function test() {
window.document.test.style.visibility = hidden;
}
// -->
</SCRIPT>

よろしくお願いします。

Aベストアンサー

<iframe id="test" src="test.html" style="visibility:visible;">
</iframe>

function test() {
document.getElementById('test').style.visibility = "hidden";
}

でどうでしょうか・・?
hidden は "" でくくる必要があると思います。

Qcssで「下よせ」ってどうやっていますか?

フロートのレフト、ライトはいいとして、

あるボックス要素内(A)に異なるボックス要素(B)をいれます。
この(B)を(A)の一番そこにはりつかせたい時にどうすれば
最もよいのでしょうか?

いいアイデアをご教授ください。

Aベストアンサー

こんなのはどうかな?

position: absolute;
bottom: 0px;

Qdiv内に外部のurlを表示させたい

たびたびお世話になります。

divにスクロールを表示することで、iframeのようにブラウジングすることができますが、
このdiv内に外部のurlを表示させることは可能でしょうか?
検索してみたのですが、思うようなものが見つからず困っています。
それとも、不可能なのでしょうか?

もし可能なのであれば、その方法等簡単に記述していただければ幸いです。

Aベストアンサー

iframeの代用はobjectを使うのが定石のようです。

こんな感じでしょうか?
<body>
<div>
<object type="text/html" data="http://www.yahoo.co.jp/" width="600" height="300">
<p>object に対応していない場合はこれが表示される</p>
</object>
</div>
</body>

ただ、Objectタグには制限が多く使いづらい部分もあります。
※たとえば、枠の非表示などができない
CGIやPHP、JavaScriptを介す方法を考えた方が、場合によってはいいかもしれません。

とりあえず、一つの回答ということで…。


人気Q&Aランキング