• 文字サイズ


解決済

PCページの iframe 作成について。

  • 相談者:非公開
  • 2020/01/15 02:08
度々の質問、誠に申し訳御座いません。

現在、楽天のPC用GOLDページに iframe を読み込ませてショップを構築しています。

御社で制作された出荷日バナー

<iframe width="100%" height="70" src="https//www.rakuten.ne.jp/gold/SHOP-URL/ecstation/toolbox/deliverySmp_209863365526085451129951.html" frameborder="0" scrolling="no"></iframe>

はPC、タブレットの大きさに関わらず、高さまでぴっちり綺麗に収まっています。

一方弊社で自作した

<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/brands-header19-1200.html" width="100%" height="470" frameborder="0" scrolling="no"></iframe>

はPC、タブレットなど、画面の大きさによって下段の途中で切れてしまっていたり、タブレットを縦画面で見た際にはiframe下に妙なスペース(意図していない最下段の空白)が生じてしまいました。

以前教えて頂いた スマホの vw でも対応出来ず(上記と同じように意図していないスペースが出来る為)困っています。

ご面倒をお掛け致しまして誠に恐縮では御座いますが、解決法をご教授頂きたく存じます。

弊社でも調べましたが、時間を掛けたにも関わらず解決する事が出来ませんでした。

何卒宜しくお願い申し上げます。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2020/01/15 14:44
ECマスターズの伊藤です。

> <iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/brands-he………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/15 14:57
伊藤様

ご連絡有難う御座います。

>なお、ページの構成によっては
>縦横比が固定とならず
>解決できない場合がございますので
>予めご了承いた………(省略)………
  • 返信者:非公開
  • 2020/01/15 18:51
ECマスターズの伊藤です。

> 埋め込み場所はヘッダー上部、御社のイベント告知君(R)の真上に設置しております。

URLのご連絡ありがとうございまし………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/16 02:35
ご連絡有難う御座います。

お教え頂いた通り

<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/………(省略)………
  • 返信者:非公開
  • 2020/01/16 12:59
ECマスターズの伊藤です。

> 数字も変えてみましたが、上記の記述にすると今度は全て表示されず、1枚目のバナー辺りで表示が切れてしまいました。

大変………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/16 17:08
ご連絡有難う御座います。
先程、

<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/brands-………(省略)………
  • 返信者:非公開
  • 2020/01/16 17:54
ECマスターズの伊藤です。

> スクリーン幅によって生じる空白を消す事が可能でしょうか。

はい、頂いております通りのコードで
スクリーン幅によって………(省略)………
このフォーラムへの質問は終了しました