びくでん家主2号・アーの日記。
たいしたことを書くとは思われない。(なんだかなー。)
アルフィーファンサイトなのにTHE ALFEEネタは少ないかも。(…。)

 

2003年02月26日(水)

Operaの罠。

副業話。(本業話は今日は面白くないので。)

スタイルシート(Cascading Style Sheets=以下CSSと略)ってご存知ですか?
Webサイトの文字サイズやレイアウトの設定書みたいなもので、
Webサイトの中身を記した「HTML」文書の細かな表示設定に使用します。
(と言ってますけど、びくでんは作成が98年で、
 まだCSSがこんなに普及する前の時期からなので、
 CSSを使用しているページは少ないのです。→昔のページは野放し。)

最近やっている副業のサイト制作(まだサンプル版)では
CSSを全面的に採用しようと色々やっています。

CSSにはLV1とLV2があって、
殆どのブラウザはLV1には対応しています。
IE3やNNは未対応の物があるとかまぁ色々ありますけど、
まぁLV1対応で大丈夫だろうと作りこんでおりました。
トップページはなんとか出来まして、IEではもうOKって感じで。

うちにはWin機しかなく、Macではどのように見えるのか分かりませんが、
ブラウザに関しては、家のPCにはIE6.0が、
職場のPCにはOpera6.0が入っておりまして、
(NNはどのPCにも入っていない。そろそろ入れようかと…。)
試しに職場のPCでテストサイトを見てみたら!
表示、ガッタガタやんけ!
…というのが数日前の話。

それから数日、私の作ったCSSのどこが悪いのか検証作業を…。

Operaというのは世界最速のブラウザで、
このブラウザ、IEでもNNでもないので、ある意味中立で正直なブラウザです。
CSSはLV1のみ対応。
(世界最速っていうのは表示速度ね。凄く早いよ。)

IEやNNはHTMLやCSSに少々文法間違いがあっても、勝手に解釈して表示してくれますが、
Operaにはそういう機能はありません。
あまえさせてくれないんですね。(笑)
間違いはビシィッ!と指摘するんですよ。
「表示でけまへんで。」「こんな表示しかでけまへん。」

で。
びくでんのトップはきちんと表示出きるOperaが、
某企業テストサイトをかなり酷いレイアウトにしてくれるんですよ。
いやー、参りました。
ボッコボコですよ、ホント。

何度やってもうまくいかない。
サイトで色々調べましたら、別のことで凹んだり。
「こういうサイトは悪い!」とかいうヤツ。これがマトを得ているから厳しい。
びくでんもそういうこと、山のようにやっていて、凹む、凹む。(苦笑)
えー、なんかそういうのを見て、びくでんのここも直してやろうとか
そういうことも思ったりもするんですけど。
(雑草魂?)

そういうのを直しても、Opera上でのテストサイトの表示は一切直らず。

今日になって、本屋で立ち読みをしたスタイルシートの本でヒントを見つけまして。
「クラス名は先頭が数字だとNNでは反応しない」
…これか?…なぁ?
実は文字サイズに応じて、クラス名というものを
「10」とか「12」とかにしていたんですね。

帰宅して、自宅PCにOpera投入。
CSSのクラス名修正。
テストサイト読み込み。

出来た♪

いやー、しかし参りました。
しかしOperaってすごいや。
近日中にNNも入れるようにしなきゃね。