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

【Opera6.0】
<table class="navbar" width="100%" summary="navigation bar">
<th>サイトタイトル</th>
<td>
<a href="〜">〜</a>／<a href="〜">〜</a>／<a href="〜">〜</a>／
<a href="〜">〜</a>／<a href="〜">〜</a>／<a href="〜">〜</a>／
<a href="〜">〜</a>／<a href="〜">〜</a>／……以下続く
</td>
</table>

.navbar td a {white-space:nowrap;}

これでIE5.5やNN6では「／」の所でだけ改行して幅100%に納めてくれる。
ところがOpera6.0はテーブル内が全く改行せずに一行になって100%を超えて横に伸び、
その結果、横スクロールが発生してtd要素の右端はウィンドウから隠れる。
つまり“.navbar td a"に対してでなく“.navbar td”に対してnowrapがかかってしまった状態。
この症状はOperaの独自拡張CSSであるwhite-space:-pre-wrap;を同時に指定すると
廻避されるが、もちろんOperaではwhite-space:nowrap;は効かなくなり、
IE6・NN6に対してのみnowrapが有効となる。

ちなみに同じソースで .navbar td {text-align:right;}と指定してたら、
MacIEで挙動不審に。nowrapはそれを避けようとして追加指定したのだが。

MacIE5ってWinIEとは別物でむしろCSS実装では上って評価されることも多いけど、
結構、理不尽なバグも多いな。
作ったサイトをたまに他人のMacで見る機会があると大抵ガッカリさせられる。
しかも見るたびにバグる箇所が異なるぞ。仕様書通りの記述なのに、ナゼ……。
floatごときで固まってるんでねえぞ、とか、なぜpositioningした要素が消えるの、とか、
ひどくなると、WinIE5.5以降向けの縦書き用のmarginやwidth指定した記述を、
外部CSSへのリンクは<!--[if gte IE 5.5000 ]> <![endif]-->でコメントアウトして,
さらにはそのシート内では@media screen,print{ }で括ってあるのにも拘らず、
なぜかその一部だけを認識してしまって表示が崩れる、とかとか。
セレクタやプロパティへの対応を増やすよりも、実装分のミスを無くす方向で
早いとこ正式新バージョンを出して欲しいもんだよ。これはOperaにも通じるナ。

そういや MacIE5 は textarea に
font-family: 'Tahoma', 'MS UI Gothic', 'Osaka', sans-serif; とかやったら
日本語が文字化けしてくれた記憶があるな。