引用タグ<blockquote>の後がずれる件について。(改)
2005.01.24 追記
HINAGATA の Kaminogoya さんより、指摘をうけました。<p>要素に<blockquote>が内包されるのは、文法上誤りであるので、ブラウザのバグ云々以前の問題であるとのことです。つまり、文法上間違っているものに対して、CSSにて表示制御してしまうのはまずいのではないのでしょうかと言うことです。Kamiogoya氏のおっしゃるとおりだと思いますので、<blockquote>の記述に関しては、下記Kaminogoya氏のエントリーを推奨させていだたきます。ありがとうございました。
■Convert Line Breaksでの引用記述時の注意 by HINAGATA
以前、引用タグ<blockquote>の後がずれる件について。というエントリーをポストしたことがあるのですが、昨日、この件に関して、非常に有用なコメントをいただきましたので、エントリーあげしときます。
周知のとおり、MTにおいてテキストフォーマットが Convert Line Break 時に引用タグ:blockquote を使用すると、その後につづくエントリー部分がずれまくってしまうという現象があります。これは、blockquoteタグとPタグが入れ子になってしまい、きちんと出力されないということが原因でした。
■Convert Line Breaksでの引用記述時の注意 by HINAGATA
なので、私はblockquoteタグを使用する場合、必ず前後に空白行を挿入し、blockquoteタグ内での空白行については全角スペースを付与し、エントリーのずれを回避していました。
で、実はこのblockquoteタグの振る舞いですが、ブラウザ(ie)のバグであるということでした。
■ blockquoteタグの表示が左にずれるのを直しました by Zakimi::Blog
特定のブラウザでblockquoteを上手く表示できないのが、実はブラウザのバグだったりするんだよね。
前にこれを回避するアドバイスもらっていたもののもっと簡単な方法で回避することが出来た。細かいことはリンク先を参照していただくとして、要点だけ書いておこう → CSSでblockquoteの幅指定をする
・・・orz。なんと、そんな簡単なことであったのですねぇ。早速、CSS で blockquote の width 指定を行ってみましたが、崩れないと。Zakimi::Blogさん、ご教授いただきましてありがとうございました。
あっ、ただし、width固定でレイアウトしている場合は blockquote の width をピクセル指定でOKなのですが、width可変でレイアウトしている場合、blockquote も可変にしたいのが人情だと思いますが、width:auto にした時の振る舞いは検証していないので何ともいえません。(苦笑)
■TB to blockquoteタグの表示が左にずれるのを直しました by Zakimi::Blog
■TB to blockquote内のpについてのバグ by nomadism
どもです。
僕のところでは、widthを指定したら、かえって表示がおかしくなりました(2列表示で、<center>部分が広がってしまって、sidebar部分がうまく回り込んでくれません。
IEのバグはまだまだ奥が深そうですねえ…。(^^;)
↓僕の指定はこんな感じ
.content blockquote {
margin-left: 5% ;
margin-right: 5% ;
background-color: #eeffcc;
border-left: 10px solid #006666;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
padding: 10px;
}
こんばんは。
さっきまでそのズレがくやしくて、、ふとこちらを覗いたら!(笑)
ワタシもGAKUさまとほぼ同じ指定で落ち着いてくれたみたいです。^_^;
border指定(上下左右)すれば大丈夫そうです。
width指定はやりませんでしたが、。
ご指摘いただいてありがとうございます。^^;
ウチは全角のスペースを入れる対処でなんとかしようと思ってます。
しかし、ieって懐が深いと言うかいい加減と言うか・・・。w
>GAKUさん
こんばんわー。^^
ほー、駄目でしたかぁ。ie わけわからんですなぁ。
width と border 指定を同時に行うと、ie と mozira系のブラウザで width 内に border を入れて解釈する、外で解釈するという(どっちがどうだったか忘れてしまいましたが・・・)違いがあるんですよねぇ。それが原因だったりする気が・・・。
>miaowさん
こんばんわー。^^
うーん、何が正解なのかわからないですねぇ、ie 。(苦笑)
>198さん
win機も買ったらどうですか?w
まぁ、あれですよ。なんだかんだ言っても ie のシェア率は80%超えてますからねぇ。
はじめましてこんばんは。
実は僕がConvert Line Breaksでの引用記述時の注意で言いたかったのは、p要素にblockquote要素が内包されることが文法上間違いであるということなんです。
表示の崩れはUA次第でおこりますし、実際ここで書かれていらっしゃることも理解できます。
しかし<p>~</p>にblockquote要素を内包するという間違ったマークアップではスタイルシートでどうにかなる問題ではないので、UAの表示バグでもなんでもありません。正しくマークアップすれば、ずれ続ける事も無いと思います。
なので、間違ったマークアップを正しいように見せる為にスタイルシートで調整というのは少しまずいような気がします。
>Kaminogoyaさん
こんばんわ。
すみません、わざわざコメントいただきまして。
なるほど、文法上、まちがってるものはまちがってると言う事なんですねぇ。
CSS設定にて表示がなおったもので、これであってるのかと思いました。
ご教授ありがとうございます。
私もこれで丸一日悩みました。エントリーを参考にさせていただき、おかげさまで無事解決しました。感謝しています。 では。
>編集長さん
トラバありがとうございます。^^
私も悩みましたよ~、最初に症状が出たとき。(苦笑)
これって、バグと言ってもいいのかも知れませんねぇ。
はじめまして、引用タグ使うのにすごく参考になりました。cssの設定使わせてもらいます。
トラバしました。
リンクさせてもらいます。いろいろと参考にさせてもらいます。私のところはあまりカスタマイズが出来ないのですが…わかりやすいので参考になります。ありがとうございました。
>yuhrina さん
はじめまして。^^
参照ありがとうございます。
いやー、私もこれ、ものすごく悩んだんですよー。お役に立ててよかったです。
リンク登録ありがとうございます。私の方も登録させていただきました。よろしくお願いします。m(__)m
[IZ]:blockquoteでIEのバグ?
<blockquote>〓</blockquote>の中に<p>〓</p>が入れ子になったときに、その後に続くエ…
block quoteの表示崩れ
全くムダに忙しいとエントリする暇がないっと。 書きかけて中断される事、実に4回。…
【覚書】引用タグ<blockquote>の後がずれる件
CSSを弄って<blockquote>の体裁を変えようとしたところ、 <bloc…
引用タグっていうものをカスタマイズ
このところ文章の引用が増えてきたので、見栄えをよくしようと引用タグを使おうと
文章の左端が切れる不具合
某氏より、Win2k+IEだと引用文の後にくる文章の左端が切れるという不具合を…
引用タグの後がズレズレだったみたい
会社でWebを私的に閲覧するときは、これまでFireFoxを使ってましたが、つい…