WordPressのEasyAlテンプレートを使用したページを、Internet Explorer6で見ると、olタグ内の項目の番号がすべて1になっていました。
wp-content/themes/EasyAll/style.cssの次の部分を削除(コメントアウト)したところ、問題が解消しました。
-
#content div.post div.storycontent ul, #content div.post div.storycontent ol {
-
margin-left: 0;
-
padding-left: 0;
-
}
-
-
#content div.post div.storycontent li {
-
margin-left: 30px;
-
width: 85%;
-
}
WordPressのiG:Syntax Hiliterプラグインをインストールに投稿した「Internet Explorer6だと、行番号がすべて1」になる問題も解消しました。
この変更で、Firefox、InternetExplorer6では影響はないように見えますが、しばらく様子をみたいと思います。
追記:2007年9月24日
上記に引用したcssの部分をすべてコメントアウトせずとも、「width: 85%;」のみを削除することで、問題は解消しました。
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のバージョンアップで解消されたかは、不明です。
WordPressで、長い行が含まれるソースコードをpreタグで囲んで投稿する場合、Firefox2とIntenet Explorer6では、次のような状態となります。
Firefox2.0.0.5: 記事の表示エリアから文字がはみ出して、右側のブロック上の文字と重なってしまう。
Intenet Explorer6: 右側のブロックが規定の位置に表示されず、右側にずれてしまう。
(MEに付属のテンプレート(EasyAll1.1)を使用しています。)
そこで、次のようにpreタグにスタイルを指定して投稿すると、Firefox2とIntenet Explorer6では、文字が重なったり、ブロックがずれてしまうことはなくなりました。
<pre style="overflow: auto; word-break: break-all;width:100%">
<code>
</code>
</pre>
responseXMLのデータを取得する部分で、4096バイトを超える文字列をFirefoxでは取得できませんでした。
IEでは問題ありませんでした。
xmldoc on Firefox - JavaScriptの方法で回避できました。
var xmldoc = o.responseXML;
if (typeof(xmldoc.normalize) != "undefined") {
xmldoc.normalize();
}
Yahoo UIのConnection Managerを使用しています。
Yahoo! UI Library: Connection Manager