石輪っぷり!
floatさせたボックスが親ボックスからはみ出すのを回避する裏技のIE7対策（その2）
[Web制作] 2007年1月31日 0時08分
以前このblogの「floatさせたボックスが親ボックスからはみ出すのを回避する裏技の IE7 対策」で、IE7 で表示が崩れることの対策として、 min-height: 1%; を追加すれば解決するということを書きましたが、これより簡潔な手法が「Web Designing」誌に載っていました。
IE7登場までは .clearfix { display: inline-table; } とされていたところを、 .clearfix { display: inline-block; } と置き替えたらいいみたいです。
早速このサイトと、かットオーバーを目前に控えた現在制作中のサイトを書き替えました。もちろん、以前のエントリーで書いた方法でも問題ないですが、1行でもCSSをシンプルにしたいので。
ちなみに、セレクタの先頭に *:first-child+html と記述すると、IE7 だけにしか適用されなくなるそうです。φ(..)メモメモ
トラックバック(0)
- :
- « 前の記事
- Windows Vista 発売
- 次の記事 »
- MTmailの投稿テスト
カレンダー
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
最近のブログ記事
プライベートなBlogの最近のエントリー
月別アーカイブ
最近のコメント
最近のトラックバック
人気のブログ記事
フィード (?)
携帯サイト
コメントする