• ベストアンサー

<IFRAME>でコンテンツ部分のみ表示させる方法

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

  • zyaba
  • お礼率46% (261/566)
  • HTML
  • 回答数1
  • ありがとう数0

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

  • ベストアンサー
  • yui56544
  • ベストアンサー率69% (85/123)
回答No.1

表示させる他サイトのページが分からないとサンプルを提示するのが難しいですが、 <IFRAME "src="アドレス.html#top"></IFRAME> のように、IFRAMEで表示するsrc="URL"に、表示先のホームページのname属性またはid属性に対して引っ掛けることが可能です。 ブラウザや表示先のホームページの高さなどによっては少しブレるのですが、これが一番一般的な方法です 参考: http://questionbox.jp.msn.com/qa3916168.html

関連するQ&A

  • htmlのiframeについて

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

    • ベストアンサー
    • HTML
  • iframeを読み込む方法を教えてください

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

  • フッターの位置を一番下に表示させたいのですが・・・

    表示方法について質問をさせてください。 現在、サイトを作っているのですがフッターの表示が上手くいかず悩んでいます。要はフッター部分(ページ最下部)の表示項目を、必ずページの一番下に表示させたいのです・・・。 しかし、今の設定ではコンテンツ量の多い少ないで表示される場所が変わってしまいます。 コンテンツが結構あるページでは、当然一番下に表示されるのでOKなのですが、例えば、空っぽのページでヘッダーとフッターしかない状態だと、ヘッダーのすぐ下にフッターが表示されてしまい、その下に無駄な空間が存在してしまいます。 そうでは無く、コンテンツの量に左右されず、必ずブラウザの画面一番下にフッター部分が表示されるようにしたいのですが、色々と試してみるのですが、出来ませんでした・・・。 サイズなどを指定してしまうと、コンテンツの内容に影響されまた結果が変わってしまいますし、ブラウザによってはバグ的な表示になってしまうので、これはNGでした。 これらを実現するためには、何か特殊な設定をHTML側、またはCSS側で定義しなければならないのでしょうか? ご存知の方いらっしゃいましたら、是非、アドバイスの程よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ie7のみ、コンテンツのみ表示されません。

    ie7のみ、コンテンツのみ表示されません。 dreamweaverでサイトを作りました。 テンプレートを使って作ったページの、編集可能領域のみ、表示されなくなりました。 はじめは、普通に見れていたのですが、テンプレートのタイトル名を変更したら、 ie8でもコンテンツ部分のみ表示できず、いろいろ調べたら互換機能の関係で非表示になっていたらしく、解除?したら、 コンテンツ部分も表示されました。しかし、ie7では非表示のままです。 同じページ内のヘッダやフッダ、違うテンプレートでつくったページは正常に表示されています。 編集可能領域のコンテンツ部分のみ、ie7で非表示、とは、、いったいどういうことなんでしょうか???? どなたか、思い当たるふしがあれば、教えてください。 よろしくお願いします。。

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

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

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

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

  • iframe内から外のjavascriptを動かす

    cgiを使ってiframe内にコンテンツを表示させていて、 iframe内にどれを表示するかはiframe外のjavascriptで操作しています。 他のページからこのページへアクセスしたときに、 どのiframeを表示するか指定したいのですが、どのようにすればいいのでしょうか? ちなみにcgiはmovabletypeを使っています。 できれば、iframeにアクセスした際に、iframe外も自動で表示されるようにしたいです。 (iframeのアドレスにアクセスするとコンテンツがページの真ん中にポツンと表示されてしまうので) まだ本当に始めたばかり初心者なので、右も左もわからないのですが どうぞよろしくお願いいたします。

  • 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
  • iframeで読み込む方法かまたは、

    iframe以外の方法で、許可を得たCGIなどを読み込んでいないように 見せる方法はないでしょうか? すみませんが、ご教授下さい。 以前、ご指摘があったのですが、サイト制作でホームページの中に 外部サイトを読み込むという表現をしてしまい、ご回答を得られず、 技術的な解決に至らなかったことですが、上述の通り、許可を得たCGIや 自分で立ち上げたサイト間同士の一部をインラインで表示する場合にことになります。 たとえば、掲示板やアルバムなど、書かれた文字の長さで高さが変わってしまったり、 不動産情報ページなど掲載数の変更(30件→100件)によって高さが変わってしまうため、 どうしても自分のホームページのスクロールバーの中にスクロールバーが出てしまい、 見栄えが良くなりません。 iframeの場合、自分で作ったページであればJavaScriptを使って長さを自動で変えるなどは できるようですが、CGIや自分で作った他のサイトを読み込んでも同じようにできる方法は ないのでしょうか・・・ 当然、著作権法に違反して、外部のサイトをあたかも自身で作ったように見せるような ことをしたいわけではなく、主に掲示板だったり、アルバムなどのCGIをきれいに サイト内に納めたいことが目的となります。 その流れの中で、もし自分が作った2つのサイトに同じ項目が含むものであれば、 インラインでうまく表示して更新も楽になるかと思いまして・・・ 方法はiframe,javaなど何でも構いません。うまくできる方法がございましたら、 ご教授賜れませんでしょうか。 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • iframeの中身の表示位置

    iframeの中身の表示位置を、調整することは可能でしょうか? 現在、ショッピングサイトを運営しているのですが、ショッピング部分のみ ASPサービスを利用しています。 現在の構成は、 自社サイト → ASPショッピングカート(商品一覧) → ASPショッピングカート(商品購入) といった状況になっているのですが、使いにくいため・・・ 自社サイト → ★自社サイト(ASP商品一覧) → ASPショッピングカート といったようにしようと考えております。 そして★の部分をIframeを使って可能にしようと考えているのですが、表示位置ができないと、 ASPショッピングカートの余計な部分も表示されてしまい、分かりづらくなってしまいます。 iframe内の表示位置を変更する方法、ご存じの方がいらっしゃいましたらご教授いただけます でしょうか。 よろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう