CSS/DHTMLバグ辞典スレッド ver2.0

このエントリーをはてなブックマークに追加
603597
少し関連して、もう一つ。[IE5.5&6.0]で確認。

<ul>
<li><a href="#" style="display:block;">AAAAA BBBBB CCCCC</a>
<li><a href="#" style="display:block;">AAAAA BBBBB CCCCC</a>
</ul>

の様にリストアイテムにブロック化したアンカーを含むと、

○AAAAA BBBBB CCCCC

○AAAAA BBBBB CCCCC

不自然な改行が空く模様。さらに、アンカーの範囲が親ブロックの
端まで伸びない(NN4.xのブロック解釈似)。

・改行は<li>または<a>にwidth指定をすることで解決。
・アンカーの範囲は<a>にwidth指定をすることで解決。

しかしそこで、>597の問題が出てくと。

正直どうかと思うやり方だけど、

<ul>
<li><div><a href="#" style="display:block;">AAAAA BBBBB CCCCC</a></div>
<li><div><a href="#" style="display:block;">AAAAA BBBBB CCCCC</a></div>
</ul>

とすることで、両方解決した。
この方法を取る事による他ブラウザでの障害は見うけられず。