サポート » プラグイン » iframeでウェブサイトの表示位置を変えたい

  • 解決済 koekoe

    (@koekoe)


    iframeプラグインをインストールし
    下記のようにして、iframeを使って別ウェブサイトを表示しています。
    <iframe src=”http://www.xxxxx.xxx/&#8221; width=”500″ height=”200″></iframe>

    当然といわば当然なのですが、リンク先のウェブサイトの左上から幅500px, 高さ200pxの範囲が表示されます。
    それを、リンク先のウェブサイトの左から100px, 上から100px移動したところから
    幅500px, 高さ200pxの範囲を表示することは可能でしょうか?

    宜しくお願いいたします。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • 表示させることは可能です

    WordPress の質問というより、css の部分だと思えて通りすぎようと思いましたがヒントだけ。
    スタイルシートの基本とかで尋ねるほうが効率よい返答が帰ってきますよ。
    margin と overflow:hidden を使って工夫できますね。

    トピック投稿者 koekoe

    (@koekoe)

    digit@maetel様, ご回答ありがとうございます。

    ご指摘の方法でなんとかやってみたいと思います。
    今のところ、できていないですが・・・

    CSSでの位置指定はクセがあるので慣れていなければある程度試行錯誤と種類の違う
    ブラウザでの表示確認が必要かもしれません。
    大きな範囲のiframeの位置指定をしたい時はそれをdivで囲ってあげると少し扱いやすく
    なります。
    iframeの範囲と既存のコンテンツが入り混じったような表示になる場合はz-indexで
    iframeの範囲を最上段に持ってくると良いかもしれません。

    <div style=”width:500px; height:200px;”>
    <iframe seamless src=”http://www.xxxxx.xxx/&#8221; width=”500″ height=”200″ style=” position:absolute; top:100px; left:100px; overflow:hidden; z-index:10;”>
    </iframe>
    </div>

    わたしなりにはこういう使い方になりました。

    iframe で他サイトのリアルタムを引用する

    gatolabo さんの z-index も次に使う時の参考にします。

    トピック投稿者 koekoe

    (@koekoe)

    gatolabo様, digit@maetel様, ご回答ありがとうございます。

    gatolabo様の方法で<iframe>自体が任意の場所に移動し、
    z-indexで前面に表示できるんですね。
    勉強になりました。ありがとうございます。

    ・・・申し訳ございません。
    私の質問の仕方が悪かったようで・・・、
    <iframe>自体の表示位置ではなく、<iframe>の中に表示されるウェブサイト(YAHOO・AMAZONなど)の表示を左上からではなく、そのサイト(YAHOO・AMAZONなど)の任意の場所を表示することは可能なのでしょうか?

    度々すみません。宜しくお願いいたします。

    「iframe で他サイトのリアルタムを引用する」で行ったことに、z-index:10;を加えただけですが、Amazonの任意の場所を表示するって、わたしがイメージしていることと違うのかしら。
    試しに自分のAmazonストアを埋め込んでみました。

    すみません、質問の意図を正しく理解していませんでした。
    普通にiframeを使うとiframeの中ページの左上から表示になるが
    そうではなくてページの任意の場所を表示したいということですね。
    margin-left と margin-topにマイナスの値を指定すると中身がそれだけ分
    左と上にズレて表示されます。結果的に思った効果が得られる筈です。

    こちらにiframeの例を作ってみました。
    位置取りと拡大縮小を使えれば大抵やりたいことができます。

    トピック投稿者 koekoe

    (@koekoe)

    gatolabo様, ご回答ありがとうございます。

    詳しく解説していただいて、私のイメージ通りのことができました。
    ありがとうございました。

    digit@maetel様
    私の理解力不足で何度もご回答くださってありがとうございます。
    gatolabo様と同様の事が記述してあったんですね。
    何分初心者なもので、理解できませんでした。・・・

    gatolabo様,
    digit@maetel様
    今後共、宜しくお願いいたします。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「iframeでウェブサイトの表示位置を変えたい」には新たに返信することはできません。