ブラウザについてアレコレ、第2段。
「MOGSTYLE」をIE7に対応させたついでに、他のモダンブラウザについても久々にチェックをしてみました。……で、いつの間にかFirefoxが2.0になってたりOperaが9になってたりと、知らないうちにかなり変化しててビックリ(知っておけよ)。
FirefoxとNetscapeに関しては基本的に大丈夫。タイトル部分が1pxずれてたりしたけどまぁ問題ないレベル。Firefox2.0で正常に見えるようにしておきました。
酷かったのが……Opera。そういえばOperaの8以前ではフォント関連が自分の環境だとバグりまくってまともに見えなかったから無視したんだっけ……。ってなわけでOpera9にして見てみると……アレ?文字ガオオキイヨ?CSSでいくら指定しなおしても治らないし。
で、色々と設定見直してると、何と自分のブラウザの設定の問題でした。Operaは「最小フォントサイズ」ってのを指定できるんですね。コレがいつやったんだか15pxになってました。そりゃ文字もデカくなるわ。で、これを5pxくらいまで落とすと……アレ?今度ハ文字ガチイサイヨ?
これはもう文字サイズの問題じゃないな……ってなわけで今度こそCSSを見直してみる。で、色々と試してみたけど、結局font-sizeの相対指定(x-smallとかsmallとか)がおかしい、という結論に至りました。bigにしても小さいままだったし。で、しゃあないのでOperaについては相対指定をやめて絶対指定にしてみました(font-size:10pt)。これは↓のようにCSSハックを使いました。
body {
font:small "MS UI Gothic",Verdana, Arial, sans-serif !important;
font:x-small "MS UI Gothic",Verdana, Arial, sans-serif;
}
*+html>/**/body {
font-size:10pt !important;
}
コレについては↓の「F+R*」様のエントリーにまとめられていたのでご紹介しておきます。
http://www.studionh.net/fplusr/cssmt/rules_css.html
しっかし、こう色々と見ただけでも、ブラウザごとにCSSの実装状況って違うんだな~と改めて実感しました。いちいち対応させるのも面倒だけど、まぁそもそもがこういうことの実験やって遊ぶために作ったサイトだし、まぁいいか。見えるようにはなったし。
で、結局IE以外のブラウザで見てる人ってどれくらいいるんだろ?と思ってサーバー付属のアクセスログを見てみたところ……意外とOperaやNetscapeで見てる人が多かったり。ウチのサイトだとIE7と同じくらいの人がOperaやNetscapeで見てもらってるみたいです。
……ってことはだ。今までOperaでウチのサイトを見た方は、「何この文字超小さいサイト。キモッ」とか思ってたわけか。1年間以上まるまる。何か切なくなりました……。
意外だったのは、FirefoxよりOperaとNetscapeのほうが多い傾向があること。てっきりIE以外の選択肢の有力候補はFirefoxだと思っていたからコレはホントに意外。ちゃんとたまにはアクセスログを見るようにしなきゃなぁ。1年経ってようやく気付いた衝撃の事実。
で、1年間運営してみて、Blogは基本的にそうなのかも知れませんがTopページよりそれぞれの記事のページに検索で飛んでくる方が多いですね。いやまぁロクに宣伝して無いしSEOも考えて無いから当然といえば当然なんですが。トップページにカウンタを設置してる意味があまり無いような気がしてきた……まぁ、いいんだけど。
Today's Background Music Album
●Bloc Party 「A Weekend In The City」
↑何だかんだ結構長く聴いてるなぁ。アルバム全体の独特の雰囲気が好き。
[ 2007/2/18 18:28 | WebDesign | comment(0) | trackback(0) ]
Trackback
このエントリーのトラックバックURL
http://mogstyle.net/mt/mt-tb.cgi/199
[ ≪ IE7私的まとめ | WebDesign | "Web Developer Toolbar"がスゴイ。 ≫ ]