• 文字サイズ
解決済

ifreamの表示について (PC)

  • 相談者:非公開
  • 2017/11/02 10:23
いつもお世話になります、naoyaです。

PCページでのifreamの表示方法で悩んでいます、何か良い方法はないでしょうか?

現在横スクロールと縦スクロールを商品ページ、TOPページで利用させてもらってるのですが、スクロールでは無く、全部一覧で表示させたいと思い
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/rpoint_box/rpoint_box.html" width="600" height="800">
</iframe>
このようにPC販売説明文に設置しています、スマホページはwidth="100%"で設置しています。
この場合、バナーを追加したり減らしたりした時に中の高さが変わるため、高さが超えた場合はスクロールになり、減った場合はフレームの枠内の下部に空白が出来てしまいますので、都度高さを変更しています。
ただこの作業も面倒になってきたので、rpoint_box.htmlの高さに合わせてifreamの高さが変わるような設定はできないでしょうか?

スマホはwidth="100%"で設置していると、スクロールになってもあまり影響ないかな?と思っています。なるならそのようにしたいのですが・・・

どうぞよろしくお願いします。
キーワード:ifream表示イベント告知君
投稿内容について報告する




  • 返信者:非公開
  • 2017/11/02 11:09
ECマスターズの田辺です。

只今確認しておりますので、少々お待ちくださいませ。………(省略)………
  • 返信者:非公開
  • 2017/11/02 12:37
ECマスターズの田辺です。

>PCページでのiframeの表示方法で悩んでいます、何か良い方法はないでしょうか?

iframeにつきましては、
中………(省略)………
  • 返信者:非公開(質問者)
  • 2017/11/02 13:19
 田辺様早々の回答ありがとうございますnaoyaです。

早速PCページで試してみたのですが、PC販売説明文では
"link"タグが許可されていないエラー………(省略)………
  • 返信者:非公開
  • 2017/11/02 14:34
ECマスターズの田辺です。

禁止タグをご案内してしまい大変失礼いたしました。

linkは、
ヘッダー・フッター・レフトナビや共通説明文(大)に
………(省略)………
  • 返信者:非公開(質問者)
  • 2017/11/04 11:23
田辺様回答ありがとうございますnaoyaです。

PCはヘッダーに
<style>
iframe#event {
width: 600px;
hei………(省略)………
  • 返信者:非公開
  • 2017/11/04 12:22
ECマスターズの塚本です。

>何か原因なのでしょうか?

こちら担当の者に確認しまして、
改めてご連絡させていただきます。

お時間いただきます………(省略)………
  • 返信者:非公開
  • 2017/11/05 00:03
ECマスターズの田中です。

イベント告知君は、通常のHTMLファイルと異なり
バナーをJavaScriptで生成している関係から
高さを正しく取得でき………(省略)………
  • 返信者:非公開(質問者)
  • 2017/11/05 08:32
naoyaです。

返答ありがとうございます。
「イベント告知君は、通常のHTMLファイルと異なり
バナーをJavaScriptで生成している関係から ………(省略)………
  • 返信者:非公開
  • 2017/11/05 12:25
ECマスターズの田中です。

スマートフォン用のイベント告知君設置用タグは、
URLだけでなく高さや幅の指定方法も変わりますので、
HTMLタグ作成フォ………(省略)………