相変わらずご相談の多いレイアウト崩れ。
以前にご紹介した記事≫■もちまちまと改訂を加えておりましたが、これ以上は長過ぎる(笑)、という事で追加記事です。
追加するのはレイアウト崩れのパターンのうち、
■サイドメニューと記事が縦一列になっている。
■記事などを囲む枠自体が崩れてしまっている。
この2つです。
■サイドメニューと記事が縦一列になっている
これでサイドメニュー側が原因の場合。大抵は「自由項目」にはみだす要素があるのですが、『最近の記事』『最近のコメント』など「文章が更新される項目すべて」原因になりうる事が判りました。要するに紹介される内容によって崩れるんですね。
「AutoPage助け合い掲示板」≫■では、『RSS取り込み』で他のサイトを紹介しているものも原因になっていたパターンがありました。
その時は不思議だったんですけど、自分の所でも使うようになって納得。英数字が運悪くひっかかると崩れるんですね。他の項目も同様の可能性があるので、「サイドメニューの表示設定」で怪しいものを非表示にして確認・特定して下さい。
この場合は更新されて原因になる文章が消える頃まで、その項目を非表示にするしかないかもしれません。『記事カテゴリ』も追加したカテゴリ名によってはレイアウト崩れを招きますのでご注意を。
■記事などを囲む枠自体が崩れてしまっている。
前の内容とほぼ同じ、原因は画像関連なのですが、「画像回り込み」の文章がその画像の高さよりも先に途切れてしまう時も記事枠が崩れます。
同じく
<br clear="all">を、今度は文章の後に加えて下さい。
(※直らなかった場合はもう一つ、同じタグを連続して入れてみて下さい)
…しかし、このサイドメニュー関連の原因の多さを考えると、プロのWebデザイナーからすれば「格好悪いから」NGでも、テーブルタグで囲むべきかもしれませんね。ブログ本体がテーブルで、サイドメニューの枠と記事それぞれ一括縦長tdとかでいいから。それなら原因が画像以外なくなりますし(笑)。実現しちゃうとcssのカスタマイズが制限されるんでちと困るんですけど。(苦笑)