ブログでblockquote表示崩れ問題。
ブログでblockquote表示崩れ問題。
ブログを書く上で、他のサイトの記事を引用するときに
blockquoteを使うことは多いと思います。
うちもそうです。
で、そのときに、予想外に表示崩れにぶち当たりましたので
少し調べてみました。
【CSS】＜blockquote＞でのスタイルのずれを直す方法 | 渡辺大祐ブログ
http://daisuke-watanabe.com/97/
これはIE6のバグらしい。
そもそも＜p＞タグに＜blockquote＞を入れたらいけないらしい。。。
このずれを直すにはCSSでwidthを設定すれば直る。
なんと！ で、自分のサイトを調べてみましたら
同じ状況でしたね。
小粋空間: Movable Type で blockquote 要素を記述する時の注意
http://www.koikikukan.com/archives/2006/10/04-010005.php
小粋さんの記事がすべての答えでした。
ようは、ブログやMTなどのCMS特有の問題で、
記事の自動整形機能が悪さの元にになっているらしい。
ブログによって多少動きは違うでしょうが、
もし、この手の問題に当たったら、思い出してみてください。
以上です。
テスト環境:WindowsXP Pro, さくらのブログ