次の記事で、ホームページの表示をInternet Explorer 7で確認することをTODOにしてました。
(他のブラウザ(Opera等)でも、いつか確認するつもり。)
WordPress:EasyAllテンプレートでolタグを使用した表示について
Yahoo! UI LibraryとInternet Explorer6は相性が悪いのかな
これらをざっと確認したところ、Internet Explorer 7でも、問題はないようでした。
ただ、googleマップ内のコントロール(拡大縮小コントロール等)の一部分が白い矩形のみになって、FirefoxやIE6のようにきれいに表示されませんでした。
googleのホームページでも同様なので、しばらくは仕方ないのかな。
サブマシンにInternet Explorer 7 をインストールして、ホームページの表示を確認しようとしたところ、ときどきページが真っ白で表示されます。
(HTML自体は取得できているようですが。)
次のページを参照しましたところ、EUCを使用しているページで起こるとのことですが、UTF-8のページでも発生しました。
IE7 で画面が真っ白になるページの対処方法 :: Drk7jp
「Internet Explorer 7 で空白の Web ページが表示される」を見て、Windows Updateを実行しました。
いまのところ、同様の現象は発生しなくなりました。
Yahoo! UI Libraryを使用したページをInternet Explorer6で表示して、リンクをクリックすると、テキストのサイズが大きくなり、デザインが崩れます。
YUI Library Examples: TreeView Control: Default TreeViewのTreeviewのサンプルでも、ラベルの部分をクリックすると一部のフォントサイズが大きくなり、ページ全体のデザインが少し崩れます。
Yahoo! UI Libraryのcssを使用しないでTreeviewを作成した場合には、このようなことにはなりませんでした。
YUI付属のfonts.cssにある次の定義が問題になるようです。
-
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
次のようにbodyのフォントスタイルを上書きして、フォントが大きくなることは避けられました。
(「*font-size:small;」を削除しました。)
-
body {
-
font:13px/1.22 arial,helvetica,clean,sans-serif;*font: x-small;
-
}
フォントサイズに関するCSSハック - Go my wayに、「*font-size:small;」の解説がありました。
IE7の対策とのことです。
IE6とFirefox2.0.0.6では、この変更で影響はないようですが、いつか他のブラウザ(特にIE7)の影響も見たいと思います。
追記(2007年9月24日):
Internet Explorer6で、2007年9月24日に再確認したところ、この記事の現象は発生しませんでした。
この記事を書いたときの僕のPCの状態が悪かったのか、Windows UpdateでIEが改善されたか、YUIのバージョンアップで解消されたかは、不明です。