記事の一部に背景色or引用でレイアウトが崩れる
テンプレート letsfc2blog (3カラムでサイド右2列)
ブラウザ IE7
1画面に3記事ずつ表示させていてカテゴリ別でたまたま3記事すべてに引用(背景色あり)を用いた画面でレイアウトが崩れまし た。
引用を使う前は背景色だけつけていたのですがその時も同じように崩れました。
崩れ方は上から3つ目の記事のタイトルの文字色と大きさが変わり、他の文字に重なったようになっています。一番下に来るはずの 前ページ、次ページの文字が一番上の記事の右横にきてサイドの列が右側に押しやられて一番右側の列が下に落ちています。
widthを指定して試してみましたがかなり狭めても同じような状態でした。
よろしくお願いします。
2009年09月30日 14:32 by るなるるるん
rimseさん、ありがとうございました。
引用部分は背景色だけ変えたりいろいろ触っていたので混乱していました。
記事中に<div>だけ確かに残っていて削除したら解決しました。
何度も確認していたつもりなんですが、CSSに気をとられていました。
ありがとうございます。
chakoさん、ありがとうございます。今後の参考になります。
2009年10月01日 21:17 by るなるるるん
9/17の「ベートーベン・ウィルス 第3話」という記事で表示の崩れをみつけました。
記事中で、
</DIV>
次回へ続くー。
という部分がありますので、この</DIV>を消してみてください。
今回のレイアウトの崩れは、引用の使用などが問題なのではなく、テンプレートの<div>と</div&g t;の対応関係が記事中の</div>によって崩されているのが問題ですので、引用などはこれまで通り使用しても大 丈夫のはずです。
2009年10月01日 02:49 by rimse
具体的にどのカテゴリを表示した場合に崩れるか書いていただけますか?
崩れている記事の次の記事にタグの閉じ忘れ…というのがよくあるミスです。
2009年10月01日 01:50 by Chako
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー