ブログでblockquote表示崩れ問題。

2010年2月6日

ブログで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, さくらのブログ

この記事は役に立ちましたか? 役立った 役立たなかった
0 人中 0 人がこの記事は役に立ったと言っています。

★新記事下ハイブリッドads