• 文字サイズ


解決済

ヘッダー・フッターをレスポンシブ対応に作ったが、GOLDにアップロードすると思ったように反映されない。

  • 相談者:非公開
  • 2018/06/19 12:26
[PCデザイン設定]→[ヘッダー・フッター・レフトナビ]→[編集]から商品ページのヘッダー・フッター を設置しました。レスポンシブ対応に作ってあります。

[ヘッダー・フッター・レフトナビ]画面で iframeの中にwidth="1000px" height="670px" を指定すると正しく表示されますが、幅がレスポンシブではなくなってしまいます。
width="1000px" height="670px" を外してしまうと表示がおかしくなってしまいます(画像のとおり、幅が狭くなってしまう。)
商品ページのヘッダーフッター をレスポンシブ対応で正しく表示するにはどうしたら良いでしょうか?
[PCデザイン設定]→[ヘッダー・フッター・レフトナビ]→[編集]の画面では次のように指定しています。

【ヘッダー】
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/gold/header_ver1_rev06.html" width="1000px" height="670px" marginheight="0" scrolling="no" frameborder="0" align="center">お使いのブラウザはiframeに対応しておりません。iframe対応のブラウザでご覧いただきますようお願いいたします。</iframe>
<br>
<br>

【フッター】
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/gold/footer.html" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width="1000px" height="1000px" name="footer">お使いのブラウザはiframeに対応しておりません。iframe対応のブラウザでご覧いただきますようお願いいたします。</iframe>
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2018/06/19 16:21
ECマスターズの田辺です。

iframeは中身の大きさに合わせて表示されませんので、
読み込みたいページの大きさに合わせて
横幅と縦幅を指定する必要が………(省略)………