www.hbirds.net

i-blog というクールなテーマを見つけたので、jquerySlideMenuの追加等、色々とカスタマイズしてseroslod とあわせてメインのテーマとして使うことにしました。
・・・が、例によって、IE では微妙な表示のズレが生じています。ひとつは、IE の有名なCSSの解釈バグの一つで、margin の値を2倍にして表示してしまうバグです。
フロート要素のダブルマージンバグとしてよく知られたバグです。
右のサイドバーの中身、ヘッダー内の検索フォームと管理画面へのリンクが適正な表示位置より、右にズレています。
たぶん、右からのマージンを2倍にして表示しているのでしょう。
これについては、display:inline;をstyle.css の所定のところに当てることで回避できるはずです。とりあえず、右サイドバーについては、これで対応できました。
ヘッダー内については、CSS をざっと見た限りでは、問題箇所が見当たりません。もう一度良く見て見ます。

もう一つの異常は、スライドメニューの位置が縦方向に微妙にズレている点。
これは、どう対処するのか不明。少し研究してみます。
結果的には、ヘッダー内のズレも含めて、以下のテクニックでIEでだけ、別のCSSを適用することで回避しました。

.class {
width:200px; /* All browsers */
*width:250px; /* IE */
_width:300px; /* IE6 */
.width:200px; /* IE7 */
}

それにしてもクロスブラウザ対応は、本当に面倒です。
CSS の解釈がブラウザごとに違っていたり、解釈以前にバグがあったりで、とてもすべてのブラウザに対応することはできないように思いますが、IE6については、アクセス解析などをみると、いまだに使っている人がいるようなので、せめてIE6くらいには対応させようと思っているのですが、それだけでも結構手間がかかります。

原因は、トップページ用に作ったテンプレートtop_page.php の冒頭に書いた以下のコードが原因でした。

<!--  Template Name -->
<?php
/*
Template Name:top_page
*/
?>

問題は、この１行目です。これを書くと、コメントアウトがhtmlの冒頭に吐き出されますが、それがIEでは悪さをしているようです。というか、コメントアウトがページトップにあった場合、これを変に認識してしまうIEのバグなのかも。事実、他のブラウザーでは問題が生じないので。
ということで、１行目を削除です。意外なところに落とし穴があるものです。

TopページがIEでだけ、表示がおかしくなっています。
他のページは問題ないようですが。
思い当たる原因はあるのですが、手をつけるヒマなし。
週末にやってみます。

ＩＥ７からＩＥ８にアップグレードしました。まだ、使いこなしているわけではないけど、それほど速くなった印象はありません。
Operaは使ったことはないですが、やはり、ＦｉｒｅＦｏｘかＧｏｏｇｌeChromeが速いですね。IEをなんとなく使っている人は、FireFoxに変えるだけでかなりインターネットは快適になると思いますよ。
右のグラフを見れば、一目瞭然。IE6　などに至っては、死ぬほど遅いという訳です。

Lightbox　も動かない。
[ツール]→[インターネットオプション]→[詳細設定]→[リセット]
これで解決・・・・しない。
Safari だと問題ないのに、どうして？？

最近、パソコンの電源を入れて、初回のIEの立ち上がりに異常に時間を要するようになってきた。
Safariは、ものの数秒で立ち上がるのに、IEは１分以上もかかっている。
これは初回だけの現象で、２回目以降の立ち上がりは、Safariほどではないもののあまりストレスがないのだが。
現象からして膨らんだ「インターネット一時ファイル」の読み込みに時間を食っているのだろうと想像し、「ツール」→「インターネットオプション」と選択し、一時ファイルをすべて削除してみた。
結果は、OK。
２０秒ほどで立ち上がるようになった。今後、定期的に一時ファイルを削除しなければなりませんね。
更なる改善には、アドオンソフトや無用なフォントの読み込みが関係していると思われるので、不要なアドオン等をはずしてトライしてみることも今後要検討かな。