【楽天】ページのデザインがずれました

Question

htmlがよくわかっていないので教えてください。商品ページに写真を増やそうといろいろ触っていましたらレフトナビと商品ページが左に寄ってしまいました。どこを触ってこうなったのかが分かりません。トップページは寄っていません。下層のページが寄っています。＊トップページ↓↓https://www.rakuten.co.jp/dodicitile/＊下層ページ↓↓https://item.rakuten.co.jp/dodicitile/ms-7-a/画像を追加しようと触っていたページはこちらです↓↓https://item.rakuten.co.jp/dodicitile/ms-5-b/上記ページだけではなく、下層の全てのページが左に寄っています。どこを見ればいいでしょうか。アドバイスよろしくお願いします。

Answer

ECマスターズの田中です。いただいたページを確認したところ、naocoさんによる操作というよりは、楽天市場の仕組みとして左寄りになっているようです。楽天市場のページは、tableタグの入れ子によってできており、その中の要素の横幅が想定以上に拡がることにより、ページ全体の横幅が拡がり、全体に対して配置が変わります。いただいた商品ページでは、横に並んだ「商品をかごに追加」「ご購入手続きへ」ボタンが想定された横幅を超えていることが原因で左寄りになっておりますので、ボタンとボタンの間に改行を入れるのはいかがでしょうか。具体的な方法ですが、下記styleタグをヘッダー・フッター・レフトナビ、もしくは共通説明文（大）の任意の場所にご記載いただきますようお願いします。

【楽天】ページのデザインがずれました

カテゴリーから探す