ショップの幅を幅広にするデザインの作り方（コーディング）について

Question

普段ショップのトップページなどのデザイン作成を請け負っております。

ショップのデザインで、幅広（ブラウザ全体にまで背景を入れている）にしているレウアウトをされている店舗様を良く見かけます。
こういったレイアウトはどのようにコーディングをされているのでしょうか？
https://www.rakuten.co.jp/yanakado/

私が自分でgoogleなどで調べてみたところ、tableタグをヘッダー、やフッターに入れてハックのような形で入れているような記載があったのですが、きちんと書いているところは見つからないので、教えていただきたいです。

Answer

ECマスターズの田中美帆です。

> ショップのデザインで、幅広（ブラウザ全体にまで背景を入れている）にしているレウアウトをされている店舗様を良く見かけます。
> こういったレイアウトはどのようにコーディングをされているのでしょうか？

通常、RMSの従来版PC版店舗トップページは
tableタグの入れ子で構成されていますが、

幅１００％のデザインにしているショップでは、
tableの閉じタグを入れて、強制的に
本来のレイアウトを変更しているようです。

申し訳ありませんが、事務局に
従来版PC版店舗トップページの環境がないため、
実装のテストを行うことができない状況です。

既にお調べいただいているかと存じますが、
実際のタグを紹介されているページがありますので
ご参考ください。

楽天RMSでヘッダー・フッターへ幅100%デザインにする方法
https://www.designwork-s.jp/bizblog/%E6%9C%AA%E5%88%86%E9%A1%9E/1133.html


注意点として、従来版PC版店舗トップページは
２０２５年６月に提供が終了します。

[トップページ設定] PC用新店舗トップページへの移行は必須ですか？
https://navi-manual.faq.rakuten.net/design/000047724

デザインの修正をされても、３〜４ヶ月程で
PC用新店舗トップページに切り替わる予定のため、
事務局としましてはご移行をおすすめいたします。

Answer

回答いただきありがとうございます！

すみません、私の聞き方が悪かったですね。従来型のトップページの終了は私も存じております。

今回質問したのは、第2階層（カテゴリーページと商品ページ）の作成の為になります。

デザインの作成をしておりますと、様々なご要望がありますので、それに備えての質問でした。

とてもいいサイトをご紹介いただき感謝しております。
参考にさせていただきます！