自社サイトの表示の崩れ

Question

既成のテンプレートを利用して自社サイトをレスポンシブに作り変えたのですが、一部のページでサイドメニューの表示が崩れてしまいます。
ＣＳＳ部分は触わらず、旧サイトのＨＴＭＬをコピペしています。
Ｉ・Ｅでは正常ですがchromeとedgeでは崩れてしまいます。
原因と対処法をご教示いただければ幸いです。
サイトＵＲＬは以下の通りです。よろしくお願いします。
https://www.e-rope.net
（表示が崩れるページ）
商品一覧・緑化ｸﾞﾘｰﾝﾛｰﾌﾟ・ビニロンロープ・養生ロープ

Answer

ECマスターズの伊藤です。

> 既成のテンプレートを利用して自社サイトをレスポンシブに作り変えたのですが、一部のページでサイドメニューの表示が崩れてしまいます。

> 商品一覧・緑化ｸﾞﾘｰﾝﾛｰﾌﾟ・ビニロンロープ・養生ロープ　

にて、サイドメニューが崩れているとのことですが、
具体的に、どの様に崩れているか、
スクリーンショットと併せて
ご連絡いただけますでしょうか。

また、その際、シークレットモードでも
ご確認をいただけますでしょうか。

シークレットモードの起動方法は、下記URLをご参照ください。
https://bit.ly/2Uup9r7

Answer

chromeシークレットモードのスクリーンショット添付します。
正常.pngが意図した表示です。

一方の表示崩れ.pngでは
カレンダーが崩れているほかに文字表示も正常.pngと違います。###HR######IMG0a4147a669bc0788a5a186cff80967923.pngIMG0### ###IMG162ac161e05322bc623de6695915370ae.pngIMG1###

Answer

ECマスターズの伊藤です。

> chromeシークレットモードのスクリーンショット添付します。

詳細のご例示ありがとうございます。

確認したところ、メインコンテンツ部分で、
タグが閉じられていないことが
原因のようです。

たとえば
https://www.e-rope.net/ryokka.htm
の場合

緑化グリーンロープ３mm２ｋｇ巻（約４００ｍ）

  送料･･･別途／６０サイズ

の2箇所で、

に対する

がございませんでした。

閉じタグの追加、もしくは、
不要なタグの削除をお願いいたします。

Answer

伊藤さま

アドバイス有難うございました。

やっつけ仕事の後始末は結構時間がかかりましたが、ようやくほぼ解決です。
細かい点はまだ修正が必要ですが、何とか恰好が付きました。

今後ともよろしくお願いいたします。