• ベストアンサー

インラインフレームの中が表示されません。

メモちょうにタグを手打ちでHPを作っています。インラインフレームをつくり、main.htmlで保存しました。そしてhpというフォルダに入れました。もう1つ、news.htmlを作成し、同じフォルダに保存しました。newsを表示させると、ちゃんと表示されていました。mainを表示させると、インラインフレームの枠自体は表示されていたのですが、中に表示させたいnewsの内容が「ページが表示できません。」となり表示できませんでした。ちなみにmainに打ち込みしたソースは下のものです。 <DIV style="top : 287px;left : 20px; position : absolute; z-index : 14; width : 365px; height : 161px; visibility : visible; " id="Layer3"> <IFRAME src="news" border="1" frameborder="1" width="385" height="157" scrolling="AUTO" ></IFRAME></DIV> 自分ではどこが間違っているか分かりません! 助けてください!!!

質問者が選んだベストアンサー

  • ベストアンサー
  • Ikonos00
  • ベストアンサー率28% (86/302)
回答No.1

<IFRAME src="news" border="1" frameborder="1" width="385" height="157" scrolling="AUTO" ></IFRAME> src="news" ではなく src="news.html" ですね。 拡張子まで書かないといけません。 参考までに http://www.htmq.com/html/iframe.shtml

funfunfun2
質問者

お礼

すごい早い回答ありがとうございました。 実は3日悩んでました。拡張子はhtmlです!できました!!! 本当に泣きそうなくらいうれしいです。ありがとうございます。お二人に感謝します(:;)

その他の回答 (1)

  • nyonyon
  • ベストアンサー率51% (893/1745)
回答No.2

インラインフレーム内に表示させるファイル名に拡張子が記載されていません。 「IFRAME src="news"」 ←これ IFRAME src="news.html"もしくはIFRAME src="news.htm" いづれか該当ファイルに設定している拡張子を記載ください。

参考URL:
http://www.tagindex.com/html_tag/frame/iframe2.html
funfunfun2
質問者

お礼

htmlです!できました!!! 本当に泣きそうなくらいうれしいです。 1人じゃわからなかったです。 ありがとうございます。お二人に感謝します(:;)

関連するQ&A

  • CSSでインラインフレームを非表示にしたい

    初心者です。 いろいろ試したのですがうまくいかないので教えてください。 複数のインラインフレームのレイアウトを、スタイルシートで一括管理したいのですが、 たとえば、 <iframe class="free" src="http://www.***" scrolling="no" frameborder="no"></iframe> <iframe class="only" src="http://www.***" scrolling="no" frameborder="no"></iframe> <iframe class="link" src="http://www.***" scrolling="no" frameborder="no"></iframe> と縦に並んでいるインラインフレームをhtmlは変更せずに、 真ん中の「only」だけ隠すことはできませんか? スペースが空かずにfreeとlinkだけが並んでいる状態にしたいです。 宜しくお願いします。 .free { width:450; height:760; border:none; margin: 0px; overflow: hidden; } .only { width:450; height:680; border:none; margin: 0px; overflow: hidden; } .link { width:450; height:680; border:none; margin: 0px; overflow: hidden; }

    • ベストアンサー
    • CSS
  • インラインフレームの表示方法

    少し前からホームページを作成しようとしているのですが、 テーブル内にインラインフレームを入れたところ、safariでインラインフレームが表示されませんでした。 これはsafari自体の使用のせいなのでしょうか? それとも私のsafariの設定の問題なのでしょうか? ちなみにIEやOperaだと正常に表示されます HTMLを抜粋すると <HTML> <HEAD> <TITLE>テスト</TITLE> </HEAD> <BODY> <table border="1" style="width:100%;height:100%;" cellpadding="5" cellspacing="0"> <tr><td> <div style="top:0px;left:50px;" > <table align="right"width="100%" height="100%"><tr><td> <iframe src="home.html" name="main-window" frameborder="0"width="100%" height="100%" scrolling="out"><p>インラインフレームを使用しています。見るにはインラインフレームをサポートしているブラウザが必要です。</p></iframe> </td></tr></table></div> </td></tr> </table> </BODY> </HTML> となっています。 本来はページを上下3段に分け真ん中の段にインラインフレームを入れようとしています。 どうかお力添えをお願いします。

    • ベストアンサー
    • Mac
  • インラインフレームについて

    よろしくお願いいたします。 インラインフレームで、 <IFRAME src="●●.htm" name="kowaza_iframe" width="500" height="300" frameborder="0" scrolling="AUTO"> </IFRAME> とした場合、中に表示する●●.htmの高さが300以上だと、スクロールバーが表示されて、●●.htmがすべて表示されません。これをどんな大きさの●●.htmであっても、そのファイルをそのまま全体を表示することはできないでしょうか? それとも、そもそもインラインフレームでそのようなことは無理あのでしょうか?

    • ベストアンサー
    • HTML
  • インラインフレームについて

    不動産サイトを運営しています。現在CGIをインラインフレームで呼び出して新着物件やお勧め物件を表示しております。しかし、トップページのソースに表示されていないために、物件を入れ替えても更新にはなっておりません。ソースとして表示するにはどうしたらよいのでしょうか? 下記に今のソースを記載しておきます。 あまり詳しくないものですから、具体的にお願い致します。 <div class="contents_midashi"><h4>新着不動産情報</h4></div> <div id="topic"><iframe name="news" src="cgi-bin/news_g.cgi" frameborder="0" scrolling="auto" width="723" height="310"></iframe></div> <div class="contents_midashi"><h4>特選不動産物件情報</h4></div> <div class="toku"><iframe name="baitoku" src="cgi-bin/toku/b_toku_y.cgi?hyoji_page=1" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe>

    • 締切済み
    • CGI
  • インラインフレームの表示設定について

    HTMLで作っていたページがゴチャゴチャして来たのでインラインフレームで 小分けにし、整頓しようと思ったのですが…上手くいかずに困っています。 heightやwidthでサイズを指定しても、その通りには行かず、余白付きのページを スクロールバー付きで表示され… スクロールバー無しで表示したいので、scrolling="no"を設定すると、指定しても いない部分で途切れ、ページが表示されなくなってしまいました。 (その際、バーが減ったおかげか横幅だけは設定通りになりました) ※縦幅が指定できないので、枠を超えてなお表示できるoverflow:visibleと  バー無し指定のscrolling="no"を同時設定する方法を探しています。 <iframe src="××.html" scrolling="no" frameborder="0" style="border:none; overflow:visible; width:○○px; height:○○px;">と設定すると途中で途切れ、 http://www001.upp.so-net.ne.jp/oka/iframe_ssi.htm ←こちらのページ下部に 有る様にjavascriptで設定してみたところ今まで表示されてたインラインフレーム 部分が見えなくなりました。 どなたか改善方法をご存知の方、ご教授をよろしくお願いします

    • ベストアンサー
    • HTML
  • インラインフレームがうまく表示できない

    初心者のためうまく説明できないかもしれませんが、よろしくお願いします。 インラインフレームを使ったページを作りました。 Firefoxでは思った通りに表示できたのですが、Safariで見てみると設定したサイズになっておらず、縦横ともにスクロールバーが出ています。 色々試してみましたが解決できませんでした。 お力を貸してください。 以下抜粋ですが、 <td width="550"height="500" align="left" valign="top" nowrap="nowrap"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <iframe src=" ""link1.html""link2.html""link3.html"width="550" height="500"name="link"frameborder="0"scrolling="auto"></iframe> </td> としてあります。

    • ベストアンサー
    • HTML
  • インラインフレームの高さ

    IFRAMEの高さをIFRAME内のページに合わせて引き伸ばしたいのですが、そういうことが出来るのでしょうか。 <iframe src="URL" scrolling="no" frameborder="0" width="900" height="???"> 宜しくお願いします。

  • インラインフレーム

    初めまして。初歩的なことかもしれませんが、 よろしくお願いいたします。 私のHPは、メニュー部分をインラインフレームを使っています。 最初は、そんなにメニュー項目がなかったので、高さ設定をそんなに大きく取ってませんでしたが、メニューの項目を追加していくにあたり、設定していた高さでは足りなくなりました。 スクロールにはしたくありません。 毎回、高さ設定をしなおさずに、うまく入れられることは出きますでしょうか? ちなみに、インラインフレームのタグは、 <IFRAME name="menu" border="0" frameborder="0" marginheight="0" marginwidth="0" src="menu.html" width="143" height="1600" scrolling="no" title="メニュー">このページはインラインフレームを使用しています。</IFRAME> です。 よろしくお願いいたします。

  • インラインフレーム内の表示位置を修正できません

    インラインフレーム内の表示位置を修正できません  <iframe src="~.php" align="top" frameborder="1" scrolling="no" width="177" height="100" hspace="0" vspace="0" marginwidth="0"></iframe> というソースでインラインフレーム内に、アンカータグの列(phpで生成)を表示させたいのですが、 このアンカータグの列の表示位置が、インラインフレームの左上端から中央(右下)方向にずれてしまいます。 <iframeフレームの設定をあれこれ修正してみたのですが、うまくいくません。 解決策をどうか教えてください。

    • ベストアンサー
    • HTML
  • レスポンシブデザインで、インラインフレーム

    ワードプレスでレスポンシブデザインで、インラインフレームを設置したのですが、 どうもうまくいきません。PCに合わせるとスマホがみだれ、逆にすると逆になります。 ようやくましな形にしましたが、PC側のインラインフレームの中が左に寄ってしまいます。 pcのメインの幅は600PXです。 それからスマホでスクロールバーでスクロールさせよと CSSハックを設置しましたが、こちらも効きません。 どうしたらよいのでしょうか? http://demo.kurafukudo.com/pc/ CSS div.frame, div.frame iframe[style], div.frame span { width: 100% !important; } @media screen and (max-device-width: 480px) { .frame div{height:300px; overflow:auto; -webkit-overflow-scrolling: touch;} } HTML <div class="frame"><iframe src="http://demo.kurafukudo.com/p_pc/" frameborder="0" marginwidth="0" marginheight="0" scrolling="yes"style="border-color:#000000; scrollbar-base-color: #ccff99;  scrollbar-arrow-color: #0000ff;">このページはインラインフレームを使用しております。未対応ブラウザは閲覧できませんのでご了承ください。 </iframe> 呼び出し先 <table width="90%" > <tbody> <tr> <th colspan="2"height="18"> SONY</th> </tr> <tr> <td width="50%" height="18">SDV13228DJ WB</td> <td width="50%" align="right">100,000</td> </tr> <tr> 省略

    • ベストアンサー
    • HTML

専門家に質問してみよう