RMS レフトナビと右側（本文）の隙間調整

Question

こんにちは、ソルトマンです。寒い日が続きますね。

細かい話で恐縮ですが、
レフトナビと右側本文の隙間がブラウザによって異なり、右側のはしが凸凹とはみ出したりするのがA型の私には非常に気になります。

できれば、右はじをそろえて、サイト全体をスッキリとした見た目にしたいのですが、
この隙間調整をする方法はありますか？
ページによっても隙間が変るので、それも統一できればと思います。

宜しくお願いします。

Answer

商品ページの右はじがはみでるのは、
レフトナビの右にあるコンテンツの幅が広すぎるのが原因です。

ソルトマンさんのショップの場合、
760pxに納めれば綺麗に表示されますので、
販売説明文、商品説明文の各要素の幅を
760px以内におさめてください。

販売説明文の中の画像やテーブル、
また商品説明文のテーブルにもwidth="800"が
設定されておりましたので、
それらを760以内に修正してください。

また、ヘッダーにある商品検索の入力欄ですが、
ブラウザによって幅が変わってしまい、
横にあるイベント告知君が横にはみ出てしまいますので、
横幅を固定値で指定してください。

現在、

このようになっているところにスタイルシートを加え、

このように変更していただくと横幅が固定されます。

Answer

早速のアドバイスありがとうございます。やってみます。