theme, css | 17:36 | http://arena.nikkeibp.co.jp/col/20060516/116681/これは結構自分にも関係しそうで、どの部分が問題になっているのか気になったのと、上の記事を読んでて変な感じがしたので、サブマシンにIE7を入れて調べてみました（だって怖くてメインになんか入れれん）。で、僕の作ったテーマだとすでにPearlと270系、90が乱れるという事を教えていただきました。それは今後の課題ってことで。んで実際にどの辺がはてなダイアリー日記を乱れさせているかというと div.hatena-body { position: relative; width: auto; _width: 100%; top: 0; left: 0; } この部分で、問題になっているのは_width:100%;の部分です。頭に_をつけているのはアンダースコアハッ

CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設