Software Engineer and Web Developer's Diary

1年後の自分に向けて

IE6だけレイアウトがくずれる

WindowsのIE6だけsidebarが横にならばずに下にいっちゃうので調べてみる。

ADP: floatレイアウトでつまづかないためのTips

9. 先にfloat: leftをしたボックスのmargin-leftや、先にfloat: rightをしたボックスのmargin-rightは指定しない(2004年12月9日書き換え)。 IE6ではまる。詳しくは、ADP: フロートとマージンを参照のこと。余白が必要な場合は、ボックスの中の要素にmarginかpaddingを指定する。

助かった。参考サイトのようにmargin-rightを指定しないようにするとIE6でもFireFoxなどと同じように表示されるようになった。 今までHTMLのこういうTipsはあまり調べてこなかったけれど最低限は知っておく必要があるなぁ。

Webプロフェッショナルのための黄金則 XHTML+CSS虎の巻 (Web Designing BOOKS)
大藤 幹
毎日コミュニケーションズ
売り上げランキング: 6019
おすすめ度の平均: 5.0
5 さすがの高水準。文句のない信頼性。
5 テーマ毎に無駄なくまとめられた珠玉の一冊
5 要所がまとめられている