レイアウト崩れについて

Question

いつもお世話になっております。

トップページや商品ページでは左レフトナビの表示が整然と１列で表示されているのですが、 カテゴリトップ > カテゴリ 画面に切り替えると２列(？)で表示されています。
 
また、カレンダー下の文章もカレンダーよりも右にはみ出してしまっています。

これを修正するにはどうしたら良いのでしょうか？
Windows10,IE11.0を使用しております。

お忙しいところ恐れ入りますが、
ご回答よろしくお願いいたします。

Answer

ECマスターズの田中です。

実際の表示を確認したところ、
https://ec-masters.club/forum/post_view.php?id=3449
上記のご質問にてご案内差し上げた
「 style="margin-left:220px;"」の影響を受けて、

ページの内容全体（ヘッダー、レフトナビ＆本文、フッター）の横幅が
1070pxに拡がっており、
本文の横幅が短いページではレフトナビの横幅が拡がった結果、
このような表示となっておりました。

ページの横幅を拡げずに同様の配置にするには、
「 style="margin-left:220px;"」の部分を
「 style="margin: 0 0 0 auto;"」に変更し、内容の右端に揃えるようにしたり、
「 style="margin: 0 auto;"」に変更し、内容に対して中央に揃うようにする、
といった方法があります。

ページ本文の横幅がページによって異なる（フッターの幅と異なる）ため、
全てのページにおいて綺麗にレフトナビの右に配置されるようにするには、
スタイルシートを利用するなどして、
ページ本文の横幅を全てのページで一致させるように
調整する必要があります。

Answer

田中様

いつもお世話になっております。
そして迅速にご回答いただき
ありがとうございます。

早速、調整したところ、問題なく表示されました！
ありがとうございます。

あと２点ほどお伺いいたします。
１．「スタイルシートを利用するなどして、
ページ本文の横幅を全てのページで一致させるように
調整する必要があります。」
ということですが、どのようにしたらよろしいのでしょうか？
今現在、必要な処置でしょうか？

２．レフトナビ反対側、画面右側にナビ表示(ライトナビ？)することは可能でしょうか？

Answer

ECマスターズの田中です。

＞１．「スタイルシートを利用するなどして、
＞ページ本文の横幅を全てのページで一致させるように
＞調整する必要があります。」
＞ということですが、どのようにしたらよろしいのでしょうか？
＞今現在、必要な処置でしょうか？

全てのページ対して見た目をチェックしていただき、
放っておけないズレを確認次第対応策を考えていく、
という流れになりますが、
現在の見た目で特に問題なければ、必要な処理ではありません。

＞２．レフトナビ反対側、画面右側にナビ表示(ライトナビ？)することは可能でしょうか？

楽天のページはタグによって


  
    レフトナビ
    20pxの空白
    内容
    20pxの空白
  


このような構造でできているのですが、
テーブルのセルの配置方向を左右逆にする、もしくは位置を入れ替えるのは
スタイルシートを利用してもできないため、
画面右側のナビ表示は困難となっております。

Answer

田中様

いつもありがとうございます。
わかりました。

またわからないことがありましたら
よろしくお願いいたします。