IE7でfloatしたblock要素を内包する親要素の背景がclearfixしても消える件

floatしたblock要素を内包する親ブロック要素について、clearfixしてるにもかかわらず、IE7で背景が消える(blockの高さが伸びない)場合があります。

この場合、親要素のスタイルとして

{
zoom:100%;
}

を定義に加えてやることで解消します。
このため、clearfixを用いる標準CSSの初期化セットには、全div要素へのzoom:100%;適用を盛り込みます。
また、zoomはW3C定義のプロパティではないため、使用に気を付けなければなりません。perfect vailedなコードを要求される案件ではコーディング構造自体に気を遣い、float要素しか内包しないblock elementが存在しないように注意しましょう。

すばらしいサイト

CSS text
http://www.tg.rim.or.jp/~hexane/ach/
http://hp.vector.co.jp/authors/VA022006/


iQuary
http://www.lllcolor.com/
http://www.mikage.to/jquery/

タブナビiquery

http://www.stilbuero.de/jquery/tabs/#fragment-21
これはおもしろそう。
そのほかは
ttp://www.lllcolor.com/web/jquery/65.html
に。

参考記事その1

http://gigazine.net/index.php?/news/comments/20060820_html_elements/
意外とSEOに効果のあるタグ

リンクに点線の件

indent-9999px;とかで、余分に出てるリンク点線を消す方法


/*リンク点線対策*/
a {
/*\*/
overflow: hidden;
}

印刷用メモ1

floatは印刷用CSSで全て解除する
float:none !important;

@import規則
Mac版 MSIE 5
文字列でも，url()関数でも，URI を単引用符で括るとインポートされない。
メディアタイプ指定はurl()関数の形式でないとインポートされない。