GOLD ページ表示幅について

Question

ECステーションさんのページクリエイターで作成したカスタムページをアップロードしたのですが、PC、SP共、幅が上手く表示されません。

アップロードページ
https://www.rakuten.ne.jp/gold/店舗URL/ecstation/page/ss202012_2.html

PCカテゴリ説明文上に貼り付けのタグ





スマートフォン用カテゴリ説明文に貼り付けのタグ



と貼り付けております。

どこを修正すればよろしいでしょうか？
よろしくお願いいたします。

Answer

ECマスターズの伊藤です。

> ECステーションさんのページクリエイターで作成したカスタムページをアップロードしたのですが、PC、SP共、幅が上手く表示されません。

スマホでうまく表示されないのは、
iframeの横幅が固定値(width="750")となっているのが
原因かとおもいますので、
こちらをwidth="100%"に設定をお願いします。

こちらを修正してもイメージどおりにならない場合は、
どのように表示させたいか、詳細にご連絡ください。

また、PCの表示に付きましても、
どのようにされたいか、詳細をご連絡くださいませ。

Answer

ご返信ありがとうございます。

>>スマホでうまく表示されないのは、
iframeの横幅が固定値(width="750")となっているのが
原因かとおもいますので、
こちらをwidth="100%"に設定をお願いします。

こちら解決いたしました。ありがとうございます！

PCで表示した際、真ん中に表示したいのですが、どうすればよろしいでしょうか？

ページ下部に下記のタグを記入しています。




  var oElements  = document.getElementsByTagName("a");
  for (var i = 0; i < oElements.length; i++) {
    var oElement = oElements[i];
    oElement.target = '_top';
  }





body{
margin: 0 auto !important;
max-width: 700px;
}

Answer

ECマスターズの伊藤です。

> PCで表示した際、真ん中に表示したいのですが、どうすればよろしいでしょうか？

https://www.rakuten.ne.jp/gold/店舗URL/ecstation/page/ss202012_2.html

こちらを確認したところ、中央に表示されておりました。

キャッシュの可能性がございますので、
一度、シークレットモードで、
ご確認いただけますでしょうか。

シークレットモードの起動方法は、下記URLをご参照ください。
https://bit.ly/2Uup9r7

シークレットモードでも正常に表示されていない場合、
ご確認頂いている環境

・OS（Windows/Mac　など)
・ブラウザ（Internet Explorer、Chorome、Firefox　など）

を、ご連絡いただけますでしょうか。

Answer

伊藤さま

返信を失念しておりました。
解決いたしました。ありがとうございました！