ブラウザ依存
CSSがブラウザの違いによって挙動が異なるのは良く知られいるが、まさか自分がこんな大変な目に会うとは思ってもみなかった。
発端は、このnoblogがMac(OS X)のIEでサイドの複数のブロックが左上にゴチャっと重なってしまった事だった。
これを直すべくごちゃごちゃやってたら、Safariでもとってもおかしな現象が現れているのが見付かった。
色々と調べて行くと、<div>と</div>がちゃんと対応していなかったり、挙動の異なるタグが使われていたりといったHTMLタグのコーディング問題や、CSSのclassとid問題、ブラウザ依存の根が深そうな問題が幾つか発見された。
苦節4時間の奮闘の結果、概ね正常に表示はされるものの、上記IEとSafariでは未だに若干おかしい部分がある。
通常時はMozillaしか見ていないので、全然気づかなかった。Mozillaは結構変な物もそれなりに表現してくれるようなので、良いんだか悪いんだか。。
あと、New!マーク(★)がちゃんと表示されないというJavascriptのブラウザ依存の問題も見付かった。これは比較的簡単に直せたが、いずれにせよ、ブラウザ依存は困ったもんだ。