HTML-CSS

先日、サブドメインのテーマを変更し、フォーマットを整えていたのですが、

その途中で、トップページの右にあるはずのサイドバーのウィジェットが、記事下に移動してデザインが崩れる、という事態に遭遇しました。

 

ちょうどテーマを変更中の出来事だったので、そのテーマの設定内容を間違えたのかと思い、

一度テーマを削除して入れ直したりしましたが、改善しません。

その際、元のテーマに戻しても同様の現象が起こっていたので、

「これはテーマの設定の問題じゃないな」と気付きました。

 

そこで改めて考えると、以前も同じ問題が起こって、原因はタグの閉じ忘れだった事を思い出しました。

 

もう一度問題のトップページのコードを調べると、

あるコードを削除したときに、DIVの閉じタグ閉じタグ

</div>
を削除し忘れていた事が判明。

その閉じタグを削除すると、サイドバーは元の位置に表示されるようになりました。

 

ちなみに、タグの閉じ忘れがソースコードにないかは、下記サイトから調べる事ができるそう。

 

一回経験していたのに、完全に忘れて時間をとってしまって猛省……

忘れないように、ここに記録しておきます。

同じように困っている誰かの役に立ちますように。

Reference

にほんブログ村 子育てブログ ワーキングマザー育児へ