blockquoteでIEのバグ?

<blockquote>?</blockquote>の中に<p>?</p>が入れ子になったときに、その後に続くエントリーの表示がずれるという問題がIEのバグとして報告されています。→我楽: 引用タグ<blockquote>の後がずれる件について。(改)

しかし、僕のところでは、<blockquote>をcssでレイアウトしたときに、border指定で一方側にのみ線を入れるようにすると、微妙に表示が左にずれていくという現象が起きています(IEのみ)。border指定で4方向全部に線を指定すると大丈夫なのですが、上下左右どれか1つだけ指定したり、0pxで線を引こうとすると、おかしくなります。

で、どうやって対応したかというと、左側だけ色を指定し、上下と右側は背景と同じ色に指定して誤魔化しています。(^^;) 

Firefox(1.0)やNetscape7.1では、そうした現象は起きていません。

blockquoteでIEのバグ?」への1件のフィードバック

  1. こんばんわー。^^
    トラバありがとうございます。
    あれ、うちはBorder-Left指定のみしてますが、大丈夫ですよー。ちなみにこんな感じです。↓
    color: #666;
    margin:15px 10px 15px 10px;
    font-size:11px;
    font-weight:normal;
    line-height:150%;
    padding: 10px;
    border-left: 15px solid #8FABBE;
    background:#f6f6f6;
    word-break: break-all;
    width: 400px;

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください