• 締切済み

iframeを読み込む方法を教えてください

現在、サイトサイトを作っていて、違うサイトを丸ごとサイトに入れたいのですが、方法がわかりません。 ソフトは、DreamweaverCs4です。 iframeを読み込む方法をご伝授お願いします。 ヘッド ナビ コンテンツ フッター 以上で、コンテンツの中に、フレームを入れることは可能でしょうか？ ヘッダとナビは、そのままで、違うサイトを読み込んでも同じサイトのように見せたいのですが、どうもうまくいきません。 よろしくお願いします。

みんなの回答

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

質問の意味をよくわかってないけど、 こうゆうこと？ http://www.htmq.com/html/iframe.shtml http://www.tohoho-web.com/html/iframe.htm 違ってたら失礼。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • htmlのiframeについて

    iframeを使用する際に特定のidのエリアのみ表示させることはできますか？ 例：取得先サイト ■ヘッダ ■コンテンツ１（id="area1"） ■コンテンツ２（id="area2"） ■フッタ 取得元のサイト（表示させたいサイト）に、上記サイトのコンテンツ2だけを引っ張ってきたいと考えています。 ヘッダやコンテンツ１、フッタはiframeに表示させたくありません。 コンテンツ２のみiframeに表示させたいです。 こういったことは可能でしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • <IFRAME>でコンテンツ部分のみ表示させる方法

    自サイト内に他サイトのページを表示させたいと考えています。 <ＩＦＲＡＭＥ>を使えば可能であることを知りましたが、これに加えて、 ヘッダーとフッター以外のコンテンツ部分だけを表示させたいと考えています。 そのような方法をご存じの方はいらっしゃいますでしょうか？

    • ベストアンサー
    • HTML
  • iframe内からのリンク

    少々複雑ですいませんがお願いします。 ・index.htmlにname="contents"でiframeを設置 ・iframe内に先頭に戻るリンクを最下部に設置したい（ここでいう先頭はページ全体のトップ） ・上記リンクを押した際にiframe内は現時点のページのまま index.html ------------- <body> ヘッダー内容 <iframe src="フレーム内ページ.html"></iframe> + + + フレーム内ページ ----------- <body> <a name="top"></top> ページの内容 + + + このままだとフレーム内ページの先頭に飛ぶのは周知なので。 条件として、 ・CSSは使用可能。 ・javascriptは使えるが、使わないですむならその方が良い。 ・環境上jQueryは不可。 ・flash他は考えない。 カテゴリが異なるのかもしれませんが；よろしくお願いします。

    • ベストアンサー
    • HTML
  • ＣＳＳで(3)段組のページを作りたいのですが

    上から３段のページを作りたいと思っています。 ヘッダー ↓ コンテンツ ↓ フッター という形にしたいのです。 ヘッダーとフッターの背景色は同じにして、フレームを使ったように見せたかったのですが、画面いっぱいまで広がってくれず困っています。 フレームを使ったら簡単にできるのですが、ＣＳＳでは不可能なのでしょうか？ 基本的かもしれませんがよろしくお願いいたします。

    • ベストアンサー
    • CSS
  • iframeを使わずに…

    いつもお世話になっております。 毎度毎度申し訳ありませんが、お知恵を貸してください。 今ネットショップを作ろうとサイト作成しています。 トップページ右上、一部のスペースに、管理人の紹介や更新情報などを載せたいと考えています。 最初、ここにはiframeを使おうと考えていました。 トップページ右上の小さなスペースを利用して、管理人の紹介や更新情報などのページを、iframeを使って切り替えていこう、と。 でもframeやiframeはSEO的にあまりオススメされない方法だと知り、iframeを使わずに同様のことが出来ないかと調べていました。 でも、iframeを使わずにスクロールバーを出す方法や、SSIを利用したリンク管理の効率化などの情報はあったのですが、埋め込んだページだけをリンクで切り替える、という私の探す情報は見つかりませんでした。 そこで質問なのですが、このようなことはiframeを使わなければ出来ないことなのでしょうか？ 以前、CSSで似たようなことをしていたサイトがあるという話しを聞いたことがあるのですが、探し出すことが出来ませんでした。 もしよろしければ、アドバイスを御願い致します。

    • ベストアンサー
    • CSS
  • Dreamweaverで制作について

    Dreamweaverで制作について サイトを作っていて、コンテンツの中に、ほかのサイトを丸々リンクさせる方法を知りたいのです。 ヘッダー コンテンツ フッター 上記のように、サイトを作っていって、ほかに立ちあがっているサイトをヘッダー以下のコンテンツに入れる方法です よろしくお願いします。

  • スタイルシート作成について

    ＨＰビルダー16でサイトの作成をしています。 ヘッダ・ナビ・コンテンツ・フッタと外部スタイルシートで作ったのですが、 フッタの上にもうひとつ、枠？＃ID　を追加したいのですが いろいろ試したのですができず　困っています。 どなたか、わかるかたお願いいたします。

  • JavaScriptでiframeの高さを自動調節する方法を試しているがうまくいかない

    JavaScriptでiframeの高さを自動調節する方法を 下記サイトを参考に試しているのですが、 読み込み先ファイルをphpファイルにするとうまくいきません。 http://www.revulo.com/blog/20070616.html 《参考サイトより example.html》 <head> ...... <script type="text/javascript"> function resizeIframe() { var iframe = parent.document.getElementById("recent_iframe"); var height = document.documentElement.scrollHeight; iframe.style.height = height + 10 + "px"; } </script> </head> <body onload="resizeIframe()"> ...... 上記のようなソースを子HTMLファイルに書いて、親HTMLファイルから <iframe id="recent_iframe" src="example.html"> </iframe> というように読み込むと問題なく子ファイルの大きさに iframeの高さが自動調節されて表示されるのですが、 参考サイトのソースをphpファイルに記載して、 iframeからフルパスで読み込もうとするとうまく高さが調節されません。 <iframe id="recent_iframe" src="フルパス/exsample.php"> </iframe> 解決策はありますか？

  • セルの高さをiframe内のページの高さに合わせて可変にする方法はない

    セルの高さをiframe内のページの高さに合わせて可変にする方法はないでしょうか？ テーブルの中にインラインフレームを入れたページを作ろうと思っているのですが、セルの高さを、インラインフレーム内に表示させたページの高さに合わせて可変にする方法はないでしょうか。 セルの高さの指定をしない＋インラインフレームの高さの指定を100％にすれば出来るかな、と思ったのですが、やってみると指定していないのにもかかわらずセルの高さが150pxくらいになり、インラインフレームもそれに合わせた高さになってしまって失敗でした。 インラインフレームの高さを中のページに合わせて可変にして、セルもその高さに合わせる、というような方法があるのであれば、そのやり方でもいいです。 理想は、インラインフレームの中にはリンクによって複数のページを交互に表示させ、またそれらのページはインラインフレームではありますがスクロール無し（つまり親ページのスクロールでインラインフレームごとスクロールさせて下の方まで読むような形）の仕様にしたいです。 しかしインラインフレームの中に表示させるどのページも文章の量や画像のサイズがばらばらでページの長さが異なるので、それぞれの長さに対応出来ればなと思い、このたびの質問に至りました。 図としては ※テーブル幅は指定 ｜￣￣￣￣￣｜←ヘッダー ｜￣￣￣￣￣｜←メニュー ｜￣￣￣￣￣｜ ｜　　　　　｜ ｜　　　　　｜←インラインフレーム ｜　　　　　｜（ここに表示させるページによって高さ可変） ｜　　　　　｜ ｜＿＿＿＿＿｜ ｜＿＿＿＿＿｜←フッター 例： １：インラインフレームに短めのページが入った場合↓ ｜￣￣￣￣￣｜←ヘッダー ｜￣￣￣￣￣｜←メニュー ｜￣￣￣￣￣｜ ｜　　　　　｜←インラインフレーム ｜＿＿＿＿＿｜ ｜＿＿＿＿＿｜←フッター ２：インラインフレームに長めのページが入った場合↓ ｜￣￣￣￣￣｜←ヘッダー ｜￣￣￣￣￣｜←メニュー ｜￣￣￣￣￣｜ ｜　　　　　｜ ｜　　　　　｜←インラインフレーム ｜　　　　　｜ ｜　　　　　｜ ｜　　　　　｜ ｜　　　　　｜ ｜　　　　　｜ ｜　　　　　｜ ｜　　　　　｜ ｜　　　　　｜ ｜　　　　　｜ ｜＿＿＿＿＿｜ ｜＿＿＿＿＿｜←フッター というのが理想です うまい説明ができなくて申し訳ないのですが、もしわかる方がいらっしゃいましたら、ご回答よろしくお願いいたします。 　

    • ベストアンサー
    • HTML
  • ヘッダー・フッター固定でコンテンツのみ可変

    高さが固定されているヘッダーとフッターをウィンドウの上と下に固定したままで、その間のコンテンツ部分のみを縦方向に可変にする方法は考えられるでしょうか。つまり、 （ヘッダー＋コンテンツ＋フッター）の高さの合計＝ウィンドウの高さ が常に成り立つ方法です。framesetでrowを指定すれば話は早いんですが、XHTMLで実現したいので使えません。 Javascriptを使ってウィンドウの高さを計算してからコンテンツ部分の高さを指定する方法もありますが、その場合はウィンドウのサイズを変えてしまうとヘッダーとフッターがウィンドウに連動せずに画面外や中途半端なところに残ってしまうので、それもだめかなと思いました。 とりあえずコンテンツ部分はどんなに高さが小さくなってもいいので、かなりウィンドウの高さが小さくても、常にヘッダーとフッターがきちんとウィンドウの上下に固定され、コンテンツ部分が可変になるような方法がありましたら教えてください。 ------------------------------- ヘッダー（固定） ------------------------------- コンテンツ（可変） ※この部分のみにスクロールバーが現れることができる。 ------------------------------- フッター（固定） -------------------------------

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する