Internet Explorer 7 and pkg

 Internet Explorer 7Movable Type のスタイルシートの pkg クラス(float を解除したり、Internet Explorer で原因の分からない不具合が起きたときにとりあえず適用してみると解決することのある素敵なクラス)が効かないなあと思ってその場しのぎで clear: both; とか書いてたのだけど解決策を見つけた(ネットで見つけたのだけどどこで見たのか忘れた)。
 デフォルトの pkg クラスは以下の通り。

.pkg:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }

 Internet Explorer 7 に対応させるには min-height: 0; を追加する(自分の書き方に整形してあります)。

.pkg:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
* html .pkg {
  display: inline-block;
}
/* no ie mac \*/
* html .pkg {
  height: 1%;
}
.pkg {
  display: block;
  min-height: 0;
}

 これでその場しのぎで書いていた clear: both; を外しても正しく表示されました。

comments powered by Disqus