Opera ol listのバグ

Opera ol listのバグに引っ掛かったw
序列リスト(olリスト)の中の1行目がブロック要素だと、2行目のインラインが自動改行されず、nowrap状態で枠からハミ出る・・・
ulリストだと問題ない。※ 最新の Opera v12.00 でも確認済 2012/06/17
Operaのバグ

<ul style="width:150px;">
<li><p>オペラのテスト オペラのテスト</p>
オペラのテスト オペラのテスト</li>
<li>オペラのテスト オペラのテスト
<p>オペラのテスト オペラのテスト</p></li>
</ul>
<ol style="width:150px;">
<li><p>オペラのテスト オペラのテスト</p>
オペラのテスト オペラのテスト</li>
<li>オペラのテスト オペラのテスト
<p>オペラのテスト オペラのテスト</p></li>
</ol>

先頭項目として、<h3>などで見出しだけを簡易マークアップすると起る現象ですw
手抜きせずに、List内の全てをブロック要素でマークアップ。
(とはいえ、小さなリストなら良くあるパターンかも・・・)
今回は、List内を定義リストでマークアップし直して回避しました。(これもIE6-7でバグる)

ブロック要素に続くテキストをブロック要素にしていないのが問題ですが、
1行目のブロック要素を display: inline; でも回避だけならできるかな。

List関係のバグは、旧IEも酷いですが、
Operaでも、olリストをネストすると番号が違ってくるバグもあります。




コメント

コメントを書く
お名前:

メール:

Web URL:

コメント: [必須入力]

認証コード: [入力必須] ※ 画像の文字を半角で入力してください。
認証 : 一二三

 ※ 承認されたコメントのみ表示されます。