css

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)

posted with amazlet at 08.07.29

大藤 幹
毎日コミュニケーションズ
売り上げランキング: 6019

おすすめ度の平均:

さすがの高水準。文句のない信頼性。
テーマ毎に無駄なくまとめられた珠玉の一冊
要所がまとめられている

Amazon.co.jp で詳細を見る

pre {
overflow: auto;
margin: 0 auto;
border: 1px solid #ccc;
padding: 6px;
background: #fff;
width: 95%;
}