ページ構築について

Question

連続投稿にて失礼いたします。

当方は
トップページ以外の下層ページでは添付画像のようにレフトが左寄りすぎていることと右側は商品のバリーエションが増えたり、商品名が長かったりするとはみ出してしまったりします。
それを三枚めの添付画像のように幅揃うようにどうしたらいいかをアドバイスいただきたいです。

よろしくお願いいたします。###HR######IMG09572cab64bfdc2dab738abb829814106.jpegIMG0### ###IMG1e6bcc27724a13da3a5e1839935d5da07.jpegIMG1### ###IMG2bb7470cf6633e7bd41b68f71ed811e75.pngIMG2###

Answer

ECマスターズの村井です。      
   
休み明けに担当より回答いたしますので、今しばらくお待ちください。

Answer

ECマスターズの田中です。

楽天市場のPC用ページは、
タグによる、枠線の無い表組みを
幾重にも入れ子にした構造となっており、
１箇所でも横幅が広い要素が含まれておりますと、
ページ全体の横幅が押し拡げられるようになっております。

みっちーさんの商品ページでは、
主に４つの要素がページの横幅を拡げておりましたので、
それぞれの横幅を見直していただきますようお願いします。

１．ヘッダーコンテンツのheader.html用タグ
２．フッターコンテンツのカテゴリ別ランキング（cate-ranking.html）用タグ
３．フッターコンテンツのfooter.html用タグ
横幅1330・1280を、必要な幅、1000程度まで減らしていただきますようお願いします。
その際、左に寄ってしまうのを避けたい場合は、
タグを

と

で囲むことで、中央揃えにすることができます。

４．目玉商品
横幅が拡がらないよう、
１行あたりの商品数を少なくする（２行、３行……で表示させる）、
画像のサイズを小さくする、
登録している商品を削除する、
などの方法でご対応をお願いします。
https://navi-manual.faq.rakuten.net/design/000009499

Answer

田中様

ご回答ありがとうございます。
確認してみます。