【楽天GOLD】スマホカテゴリページ内の余白の削除について

Question

お世話になります。

楽天のスマホカテゴリページ内に、楽天GOLDのページをiframeで表示させた際に生じる余白を消す方法はないでしょうか。

width100%にしてもpaddingがかかっているようで、上下左右に余白が生じてしまいます。
きちんと100%で表示させたいのですがどうしたら良いでしょうか。

Accepted Answer

ECマスターズの田中です。

スマートフォン向けページであることも見落としており、
失礼いたしました。
その場合は、styleタグを利用して余白を削除していただく必要がございます。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

スマートフォン用のカテゴリページ共通説明文に、
下記タグをご記載ください。


div.categorydescription { padding: 0 !important; }


なお、各カテゴリのスマートフォン用カテゴリ説明文に
上記タグを記載しようとしても、
正常に禁止タグのチェックが働き、エラーが出てしまいます。

そのため、共通説明文に入れる必要があり、
全ての店舗内カテゴリに対して、
一律で余白が削除されますことを予めお含みおきください。

Answer

ECマスターズの田中です。

iframeで埋め込む楽天GOLDのページに、
下記スタイルシートタグをご設定いただくといかがでしょうか。

 body { padding: 0; margin: 0; } 

改善されない場合は、私にて確認いたしますので、
実際に余白を確認できるURLを
「投稿内容について報告する」よりお知らせください。

Answer

ECマスターズの田中です。

失礼しました、
修正前の内容よりカテゴリページを確認し、
iframe内に body { padding: 0; margin: 0; } が
設定されていることを確認いたしました。

現在の状態よりも、さらに余白を削る必要がある、ということでしょうか。
もし可能であれば、スクリーンショットを添えて、
余白の部分をお知らせいただくことはできますでしょうか。

Answer

早々のご対応ありがとうございます。

黄色のバナーが画面の端まで表示されるのが理想です。###HR######IMG0e14376334251967f4fa1840fc35d7cdd.pngIMG0######BR###

Answer

ご指定の通り試してみましたところ、余白を消すことができました。
ありがとうございました。