PCページの表示崩れにつきまして

Question

いつもお世話になっております。

弊社の楽天PCサイトにつきまして
「ヘッダー・フッター・レフトナビのテンプレート設定」で
商品ページなどで表示している
レフトナビとフッターの表示がおかしくなっているのですが、
どこを修正したら治りますでしょうか？

(例)
・レフトナビのタグ記載部分の左に●が表示される
・フッターの表示が崩れている

弊社2号店は通常通り表示されているのですが、
理由が分からず困っております。

大変お手数ではございますが、
ご返答お待ちしております。

Answer

ECマスターズの北原です。

>レフトナビとフッターの表示がおかしくなっているのですが、どこを修正したら治りますでしょうか？

こちらのようにスタイルを修正れば、レイアウトの崩れが直るかと思います。
ul#search_area,dl {}とul#bnr {}の部分を修正しています。
そのまま全てをコピーしていただいても問題ないかと思います。


/*-----パンくずリスト-------*/
td.breadcrumbs_list {
padding: 16px 10px;
background: #eee;
display: block;
width: 710px;
border-bottom: 2px solid #aaa;
}

/*-----------ここからサイドナビ-----------*/
#side {
width: 180px;
background-color: #f6f6f6;
}

.side p {
line-height: 0;
}

/* こちらを修正してください。 */
ul#search_area,
dl {
width: 160px;
margin: 10px auto;
/* こちらを追記してください。 */
list-style: none;
}

ul#accordion,
dl {
width: 180px;
margin: 0px 20px;
margin-left: -8px;
}

ul#search_area li a,
dd.sidemenu a {
display: block;
width: 160px;
line-height: 23px;
margin-bottom: 1px;
font-size: 10px;
text-indent: 15px;
text-decoration:
none;
background: url(https://www.rakuten.ne.jp/gold/exrevo/images/side_btn_base_s.gif) no-repeat;
}

ul#search_area li a,
dd.sidemenu a:hover {
color: #03617E;
}

ul#accordion li a,
dd.sidemenu a {
display: block;
width: 100%;
line-height: 23px;
margin-bottom: 2px;
font-size: 10px;
text-indent: 15px;
background: url(https://www.rakuten.ne.jp/gold/exrevo/images/side_btn_base_s.gif) no-repeat;
background-size: 170px;
text-decoration:
none;
}

ul#accordion li a:link,
ul#accordion li a:visited,
ul#accordion li a:active {
color:
black;
}

ul#accordion li a,
dd.sidemenu a:hover {
color: #03617E;
}

dt {
font-size: 14px;
margin-left: 0px;
margin-bottom: 5px;
text-indent: 1px;
}

dd#sidemenu a:last-child {
margin-bottom: 10px;
}

/* こちらを修正してください。 */
ul#bnr {
margin: 10px 0 0;
/* こちらを追記してください。 */
padding: 0;
list-style: none;
}

ul#bnr li {
line-height: 0;
margin-bottom: 10px;
}



フッターの修正ですが、下記のタグが入っていないのでは無いかと思います。

こちらはトップページから引用しました。
        

続いて下記のようにHTMLを修正をすることで、
トップページのフッターデザインに合わせることができるかと思います。
SHOP INFORMATIONやお問い合わせの部分を修正しています。

        
            
            SHOP INFORMATION

            

                
                    お支払いについて
                    クレジットカード決済、銀行振込、ウェブマネー決済、NP後払い、セブンイレブン決済、
                        ローソン決済、代金引換、モバイルエディ決済、auかんたん決済、ペイジー決済がご利用頂けます。
                    配送について
                    佐川宅配便・ゆうメール・レターパック・ゆうパックにてお届けいたします。
                        (当店で指定させていただいております。）
                    
                    【送料】メール便は1000円以上で送料無料。999円以下の場合は全国一律別途180円頂戴いたします。
                        宅配便は540円 ※北海道（864円）・沖縄・離島（別途）となっております。
                    ※メール便の注意点など、詳しくはこちらをご覧ください。

                    
                    当店ではエコ活動推進のため、エコ包装を心がけており無駄な資源を出さないペーパーレスも行って
                        おりますので お届けのお荷物に納品書（お買上明細書）は同封しておりません。
                        ご入用の場合は、お手数ですがご注文時に【納品書希望】とご記入願います

                    

                    

                    返品交換について
                    ※商品の返品は原則として承っておりません。 
                        ※お客様都合による返品・交換（思っていた色やイメージと異なる・
                        間違えた色や商品を注文してしまった）はお受けできません。ご了承ください。
                        ※交換は不良品のみ承っております。お手数ですが、不良箇所のお写真を
                        「exrevo_4@shop.rakuten.co.jp」までお送りください。
                        （当店にて写真を確認後、良品の範囲内と判断した場合は、返品・交換をお断りする場合がございます。）

                        商品交換の際にかかる、送料につきましては、初期不良の場合は当社が負担いたします。
                        商品発送後のキャンセル・変更など、お客様のご都合によるキャンセルにつきましても
                        送料、手数料が発生いたします。ご了承ください。 
                        ※詳しくはこちらをご覧ください。
                    


                    
                    領収書のＷＥＢ発行について
                     当店では、2020年8月よりお客様への迅速な領収書発行の為、またペーパーレス化、個人情報保護などの
                        観点によりＷＥＢ上でお客様ご自身にて領収書をご発行いただくシステムを導入いたしました。
                        今後、備考欄、お問合せメールなどで領収書のご要望をいただいたお客様へは
                        『ご注文確認メール』
                            『発送連絡メール』
                        いずれか、もしくは両方のメールに
                            領収書ダウンロード用のURLを記載しております。
                        また『宛名』『品目名』に関しても、お客様ご自身で編集いただける仕様となっております。
                        お客様へは大変お手数をお掛けして、申し訳ございませんが、ご理解のほど、よろしくお願いいたします。
                    

                    
                    
                

                
                    
                    
                    
                    
                    
                    お問い合わせ
                    有限会社ジョイン・ケイ企画
                    時間 / 10:00～12:00 13:00～17:00(月～金)
                    休業日 / 土曜日 日曜日 祝日
                    ※土日祝祭日はお休みをいただきますので
                        メールの返信は翌営業日となります。
                     
                    住所：〒811-2202
                        福岡県糟屋郡志免町志免2-26-5
                    ■メールが届かない場合
                        必ずお名前を明記の上、下記のアドレスに
                        お送り頂けますようお願いいたします。
                        ※不良商品のご連絡に関しては
                        お手数ですが不良個所の写真を
                        添付して頂きますようお願いいたします
                        exrevo_4@shop.rakuten.co.jp
                        上記アドレスがエラーになる場合は
                        join_k2001@hotmail.co.jp まで
                    
                

                

            

            Copyright(c) 2020 exrevo all right reserved.



footer {
text-align: left;
}

        

こちらを編集する前に必ずバックアップをお取りください。
わかりづらい所がございまいしたら、お気軽にご質問ください。

Answer

ECマスターズ
北原様

ご連絡ありがとうございます。

早速試した所、ご記載いただいた情報で
無事解決する事が出来ました。

今後もお力をお借りすることがあるかと思いますが、
何卒よろしくお願いいたします。

ありがとうございました。