• 文字サイズ


解決済

ヘッダー・フッターをレスポンシブ対応に作ったが、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>
投稿内容について報告する

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

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

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