結局 clearfix ハックに頼るハメに
- 2008年3月14日
- 00:10
昨日から IE シリーズ対応で調整していた CSS が完成しました。IE でブラウズしても、1ピクセルのずれは発生していないかと思います。
CSS レイアウトではハック系の小ワザは避けたかったところですが、今回はどうしても clearfix ハックに頼るハメに・・・
clearfix についてはコチラのエントリを参考にさせていただきました。
--- List ---
- スタイルシートをめぐる冒険（CASE 10）
- Lucky bag
- 3ping.org
- Position Is Everything（ネタ元）
--- List ---
（追記）
ウチの場合、IE6 以外のレガシーブラウザを全て切り捨てているので、clearfix の記述は簡単でした。
--- Code ---
.clearfix:after {
content: "";
display: block;
clear: both;
}
--- Code ---
コレに IE7 対応のためだけの記述をコンディショナル・コメント（<!--[if IE 7]>〜<![endif]-->）内の CSS に追加します。
--- Code ---
.clearfix {
display: inline-block;
}
--- Code ---
コレで OK です。
