シリコンバレー ２４時

« 2005年8月14日

メイン

2005年8月16日 »

2005年8月15日

CSSでの失敗談(1)

前回の『「PukiWiki/mbstring無しのPHPでの動作」による解決策(2)』 まで、PukiWiki におけるカレンダー機能プラグインのインストールについて 書いてきたが、おまけで、その際の失敗談をもう一つ。

このプラグインのインストールには、 cal.css という独自のスタイルシートを追加する必要があるのだが、 その方法の説明は 「PukiWikiのCSS(skin/default.ja.css)に追加(コピー＆ペースト)して下さい 」 とあるので、それに従って skin/default.ja.css ファイルの最後に cal.css の内容を追加したら何の問題もなかった。 このときは、手元の全てのブラウザ(IE6, Firefox, Opera7)でテストを行った。

また、そのインストール方法の説明には、 「@import url("cal.css"); っていう手も無いわけではありませんが... 」 とあるので、今後、他のプラグインをインストールした時の事も考えて、 追加したcal.cssの内容を「@import url("cal.css"); 」という一文に置き換えてみた。 そして再びテストしてみても問題なく動作していた。 但しこの時は手抜きテストで、たまたま開いていたIE6のみでテストを行っていた。

その後しばらくしてから、Firefox と Opera7 とでは、 うまく表示されないという現象に気づいた。 よくよく調べてみると、 「@import」 はCSSファイル内で記述する場所により動作が異なることが判明した。 IE6では、何処にあっても動作したが、 Firefox と Opera7 では、定義を始める前に「@import」行を書いておかないと 正常に読み込んでくれていないようだ。

規格の原典 にあたってみると、

The '@import' rule allows users to import style rules from other style sheets. Any @import rules must precede all rule sets in a style sheet. The '@import' keyword must be followed by the URI of the style sheet to include. A string is also allowed; it will be interpreted as if it had url(...) around it.

のように、確かに、「他のスタイル・ルールより前に記述しておく必要がある」となっている。 Firefox と Opera7 は、厳密にこれに準拠しているのに対し、 一方IE6は、よく言えば寛大に、悪く言えばいい加減に、この規格に対応しているようだ。

今回は、上記のような経緯から、たまたまIEのみで確認してしまっていた。 こんなところにバグが潜む原因があるようだ。 私は、まだまだ、修行が足りないようである。

カテゴリー: HTML/CSS , Wiki     22:33 | コメント (0) | トラックバック (0)

« 2005年8月14日

メイン

2005年8月16日 »