html clearfix IE7設定

clearfixでレイアウト崩れを防いている時に、zoom:1;を必要とするのは、古いIEだけじゃなかった^^;

IE7もzoom:1;を入れないとダメらしい・・・なんとも、IE6/IE7ともに早く消滅してほしいなぁ~

つまり、clearfixを使おうと思ったら、

.clearfix{
zoom:1;
}

.clearfix:after{
content:”.”;
display:block;
height:0;
clear:both;
visibility:hidden;
}

と入力しなきゃならんわけだ^^;
最近、chrome と Firefox IE8のお世話になってたから、IE7の存在をすっかり忘れてたよ・・・。気をつけなきゃな~。

html&css-Web

コメント

  • 本当に古いIEは面倒な存在ですね・・・。
    visibility:hidden; の次の行に続けて
    zoom:1;
    }
    とかではダメですか?

    2013年3月4日 9:53 PM | miyauchi

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

カテゴリー