記事コンテンツやサイドメニューレイアウトと崩れの原因と対処

シリウスのカスタマイズ　または記事をせっせと更新後　サイトを確認
してみると意味不明な記事コンテンツ構造に変化している...

 

またはサイドメニューがは方へ移動している...?

 

というレイアウト崩れを発生させてしまう　初心者の方がよく躓く障害の
ご質問がおおく寄せられております

 

まずサイドメニューの下方移動ですが　テンプレートの横幅変更の際
サイドメニュー幅を拡張しすぎたためサイト幅内に収まらず下方へ
移動してしまうという事情もございますが、他ページで対処しているので
ここではそれ以外のミスで障害が現れてしまう原因と対処法を
解説します。

 

---

 

スポンサーリンク

 

 

おおくふくまれる原因としては　divタグの記載間違い..記載忘れ
閉じ忘れとも言います..

 

正常な配置は以下
<div>要素き</div>

 

正常なは位置であればなんらサイトに影響はないのですが

 

以下のような配置をしますとサイト画面がレイアウト崩れとなります

 

エラー配置例

 

div>要素き</div>

 

<div>要素き</div

 

<div>要素き/div>

 

要素き</div>

 

僅か？..一つのミスでレイアウト崩れを引き起こす
それだけ大事な要素なのでレイアウト崩れの際は記述を念入りに
確認し修正してください..

 

 

原因の突き止め方

 

一番解り易い原因の突き止め方は　直前に何処で何をしたかです

 

これが一番原因を突き止める早道ですがあれこれやりまして
何処が原因か？不明な場合は以下を参考にしてください..

 

障害の発生

 

 

一ページのみの障害の場合

 

トップページなら記事欄内記述

 

トップページＨＴＭＬを編集した場合
トップは一ページしかないが理由

 

 

カテゴリ―　エントリーで一ページのみの障害

 

やはり記事内が原因

 

 

 

カテゴリ―全ページ　またはエントリ―全ページでの障害

 

この場合は　カテゴリ―　エントリ―のＨＴＭＬテンプレート内が原因

 

 

 

フリースペースにdiv要素のタグミスの場合はグローバルメニューが
ずれる障害も現れます..

 

今回はレイアウト崩れを起こす原因で一番多いdivタグで
進めましたが　

 

div要素でなくとも以下のいずれオアを含むタグで記載ミスの場合

 

<　　>

 

やはり何かしらの障害が出ることも多くございますので

 

発生時にはすべてのタグコードを確認してください

 

 

上記を例に障害に直面しましたら正常記載に修正しましょう。

 

 

記事コンテンツやサイドメニューレイアウトと崩れの原因と対処
SIRIUS　シリウスよくある質問
シリウスカスタマイズサポートフォーラム一覧
シリウスカスタマイズ