PC用販売説明文について

Question

いつもお世話になっております。

ヘッダーとトップのズレが気になります。
参考ページは
https://item.rakuten.co.jp/アカウント/0000000171/

ヘッダーは1000px
レフトは200px
TOPは850px
ページクリエイターで作成しています。

PC用販売説明文画像は1200pxで作成し、
width700で指定しています。

width100%で指定して、ぴったりズレのないようなページが理想です。
いまの状態だとヘッダーから比べて
レフトとPC用販売説明文にある画像が左に寄っているように思います。
どこを修正したらいいでしょうか？

Answer

ECマスターズの伊藤です。

ヘッダー部分ですが、
意図的にtableタグを閉じることで
横幅いっぱいに表示するように
設定されているようです。

そのため、下記の横幅となっております。

店舗名の入った画像：68%(※画面幅に対しての%指定となるため、環境によってサイズが変わります)
看板下、スライド画像：1200px
カテゴリ：画像の個数により変動

> width100%で指定して、ぴったりズレのないようなページが理想です。

とのことであれば、意図的に閉じたtableを削除されるか


ここに現在のヘッダーの内容
※tableの閉じタグは含まないでください


のように、ヘッダーを横幅の固定された箱に
入れることで、width="100%"が
divで指定したサイズとなります。


> レフトとPC用販売説明文にある画像が左に寄っているように思います。
> どこを修正したらいいでしょうか？

店舗設定 > 2 デザイン設定 > 商品画像サイズの設定
にてご指定いただける、商品画像のサイズが
700pxとなっているため、
商品説明文に入れた画像と
同様のサイズで表示されています。

こちらのサイズを、200にしていただきますと
商品説明文下の部分を700pxで
表示していただくことができます。
※楽天の仕様変更により、上記のサイズが
変更となることがありますので
ご了承くださいませ。