以下のブラウザで検証

• IE 7ベータ3
• IE6
• IE5.5
• IE5
• OPERA 9

どうにか大きなレイアウトの崩れはしないように調整終わりました。
数点ほど現時点で原因不明な不具合が3つほど。

• Win IE5でli要素内のリンク要素(a)に指定した背景画像が表示されない時がある。と同時にリンク要素に指定したパディングが無効になる。両方が合わさり背景画像と文字が重なってしまっている。
• Win IE5.5で一部のブロックのフォントサイズがピクセル指定しているのにもかかわらず1段階小さくなっている。
• Mac IE5でインライン指定して横並べにしたリスト要素にリンク要素を入れると文字じゃない場所でhover状態になる。

どれも終わってるブラウザなのでもう無視してこのままイキマス。

HTML構文チェックはValidになったけどCSS構文チェックはエラー出た。エラー部分直すとレイアウトムチャクチャになる恐れがあるからこのまま続行。

http://pinotan.blog15.fc2.com/blog-entry-106.html
win IEには
word-break:break-all
で、Mac IEでこれを読み込ませると何も表示されなくなっちゃうので、

/* Hides from IE-mac \*/
.contentBody p {
word-break:break-all;/*IE用(連続する半角英数字が改行されない時)*/
overflow: auto;/*Fire Fox等用(連続する半角英数字が改行されない時)*/
}
/*End hide from IE-mac */

overflow:autoはfire fox等の対処法。

http://cssbug.at.infoseek.co.jp/detail/winie/b102.html
サイドバーのカテゴリーリストの所とかでhoverで親ボックスの高さが変わってしまう問題の対処法。
ほったらかしても良かったけど気持ち悪かったから直した。一番外のul要素にmarginと入れ子のul要素のmarginを削除して回避。

と言うことでこれで完成とする事にします。css830行・・・MTのcssでここまで行くのは初めてデス。]]> tag:www.stupid-net.com,2006:/v33test//11.1272 2006-09-08T17:10:27Z 2006-09-08T20:12:15Z