スマホにiframeを入れた際に、幅が若干狭くなるのを解消したい

Question

いつもお世話になっております。

表題の件で質問です。

スマホトップページに入れたい情報が多くなってきて、RMS内のに収まらないため

Accepted Answer

ECマスターズの田中です。

全体の幅は特に変更する必要がなく、
他より狭い部分だけを拡げたいということで間違いございませんでしょうか。
その場合、各部分ごとに原因を調べて、修正を行う必要がございます。

たとえば、iframeで設置している楽天GOLD内 koukoku.html の部分でしたら、
koukoku.htmlの
タグに　style="margin: 0px;"　属性を、
タグに　cellspacing="0"　属性を
それぞれ追記していただくことで、
余白がなくなり、他の要素とほぼ同じ幅で表示されるようになります。

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

＞左右に若干空白ができています。
＞これを解消したいです。

下記3行のタグを説明文の中に記載していただき、
表示をご確認いただきますようお願いします。

= この下の行から ====================

body .rstFreeContents { padding: 0px; }

= この上の行まで ====================

Answer

田中様

お世話になっています。

いただいたstyleタグを試してみましたが、
現状問題ない「出荷日バナー」や、普通に説明文に入れているimg画像も幅が広がってしまい、
若干ですが横スクロールが入ってしまう状況になってしまいました。
そして実際に幅をもう少し広げたい部分が相対的に変わらず…。

教えて頂いたstyleタグだと、全ての幅が等しく変わってしまうようなので、
一部分の幅だけ変えられる方法がありましたらご教授お願い致します。

Answer

田中様

ありがとうございます。
無事、希望通りの表示になりました。