ブラウザ | WebとPCのメモ帳

2008年07月
≪
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
≫
2008年09月

WebとPCのメモ帳
ブラウザ

続・IEではなくFirefoxのみで発生するCSS styleトラブル

2008: 04/21(Mon)

Category

Tags

前回のエントリIEではなくFirefoxのみで発生するCSS styleトラブルにこんなトラックバックをいただきました。

そんなことが起こるのか！？
なんて疑問に思ったので検証してみた。

検証：IEではなくFirefoxのみで発生するCSS styleトラブル？ (THE HAM MEDIA)

こちらでも再度検証してみましたので、結果を報告します。

ソーシャルブックマーク登録数

Total : - user(s)

IEではなくFirefoxのみで発生するCSS styleトラブル

2008: 04/20(Sun)

Category

Tags

新テンプレートの修正作業を続けているのですが、何ともおかしな不具合が発生していました。公開時点から様々な問題を発見したのですが、ほとんどはこれが原因だったようです。

起こっていたトラブルを簡単にいえば「Firefoxだけ本文内のスタイルが無視される」という状態です。

例えば「<span style="color:#ff0000">赤色</span>」と書けば「赤色」という文字は普通赤くなります。ところが、なぜかFirefoxだけこれが無視されていました。

正直、凄くはまったトラブルだったのですが、判明した原因は笑ってしまうほど簡単なものでした。

ソーシャルブックマーク登録数

Total : - user(s)

2008年3月のブラウザシェア統計

2008: 04/04(Fri)

Category

Tags

2008年3/1～3/31までに当Blogを訪れた人の使用ブラウザシェア統計(調査)です。

前回のエントリ「2008年3月の人気エントリ＆訪問者環境統計」では掲載してない、ブラウザ部分のデータのみを独立させたものです。データは上記エントリと同じく、Google Analyticsで集計したものとなります。

ソーシャルブックマーク登録数

Total : - user(s)

Opera対策を施しました

2008: 03/10(Mon)

Category

Tags

このBlogをOpera9.26で閲覧した場合、当方の環境でCPU使用率が100%になり、描画が一定時間止まってしまう現象が確認されていました。
他のブラウザでの再現性はありませんし、タブを切り替えて戻ってくるとすぐに描画されるという、バグなのか何なのかよくわからない現象です。

原因を調べてみたところ、どうもdel.icio.usの被ブックマーク数を表示するJavaScriptが問題だったようです。
こんなところでBlog全体が重くなってもしょうがないので、Operaをスクリプトの実行対象から外す処理をしました。
~~これで同じ現象が出ている方は表示が早くなる……はずです。~~
(UAを変更していない限りは。)

ご迷惑をおかけしました。

[追記]
ちゃんとチェックしてみたら、どうも直ってないみたいです。
JavaScript周りが原因であることは間違いなさそうですが……。
もうちょっと色々試してみます。

[追記2]
どうもSBMの登録人数画像とAdsenseが同一画面に表示されると、上記のような現象が起こるようです。
とりあえずBlogのレイアウトを変えて、SBMの登録人数表示をエントリ下部に移動させました。
今度はちゃんとチェックしたので、それなりに効果はあったようです。
(ただし、完全に解決したわけではなさそうですが。)
しばらくこのレイアウトのままやってみます。

ソーシャルブックマーク登録数

Total : - user(s)

OperaのUser Agent変更方法まとめ

2008: 03/07(Fri)

Category

Tags

前回のエントリでOperaのUA(ユーザーエージェント)の変更(詐称)について突っ込みを入れられてしまったので、今度はきちんとUAの変更(詐称)方法について調べてみました。
Operaには大きく分けて2種類のUA変更方法があり、それぞれ挙動が違います。
なお、動作確認したバージョンは9.26のWindows版となります。

ソーシャルブックマーク登録数

Total : - user(s)

2008年2月のブラウザシェア統計

2008: 03/04(Tue)

Category

Tags

2008年1/30～2/29までに当Blogを訪れた人の使用ブラウザシェア統計(調査)です。
前回のエントリ「2008年2月の人気エントリ＆訪問者環境統計」では掲載してない、ブラウザ部分のデータのみを独立させたものです。
データは上記エントリと同じく、Google Analyticsで集計したものとなります。

ソーシャルブックマーク登録数

Total : - user(s)

IE6をお使いの方にお詫び

2008: 03/02(Sun)

Category

Tags

久しぶりにこのBlogのチェックをIE6でおこなったところ、右カラムが下に回り込むというレイアウト崩れが発生していたことに今更気がつきました。
誠に申し訳ございません。
IE6をIE7にアップグレードしたため、IE6を使う機会がかなり減ってしまっていて、気がつくのにずいぶん時間がかかってしまいました。
今後はこのようなことがないように、レイアウトを変えた際は逐一チェックしたいと思います。

原因はIE6が互換モードで動作していたためです。
とりあえず暫定的に下記のXML宣言を外すことで対応しました。

<?xml version="1.0" encoding="EUC-JP"?>

Alternative Design Project
ADP: IE6のwidth解釈バグ対処法

IE6では、IE5.5までに存在したいくつかの致命的な解釈バグを直した「標準準拠モード」と、間違った解釈のままつっぱしる「後方互換モード」を、ページ制作者が選択することができる。
～中略～
一番の問題は、IE6はHTMLのいちばんあたまにDOCTYPE宣言を書かないと必ず後方互換モードとして解釈してしまうことである。よくあるケースは、XHTMLで書く場合。通常、XHTMLではDOCTYPE宣言の前にXML宣言を書くため、IE6では有無を言わせず後方互換モードになってしまう。ページ制作者が標準にあわせて書いても、IE6が後方互換で解釈してしまうと思ったとおりに表示されないし、IE6の後方互換の見た目に合わせて書けば、標準準拠で解釈するFirefoxやOperaで思ったとおりに表示されない。はまる。

近いうちにXML宣言をおこなってもきちんと表示されるように、修正したいと思います。
ご迷惑をおかけしました。

[追記]
修正完了しました。
現在はXML宣言ありでもIE6で正常に表示されることを確認しています。
メモ代わりもかねて参考にしたURLを残しておきます。

参考URL
小粋空間
固定3カラムのIE6・後方互換モード対処方法
Alternative Design Project
ADP: IE6のwidth解釈バグ対処法
ADP: フロートとマージン
ADP: floatレイアウトでつまづかないためのTips
訪問者に優しいWebサイト作り
文書型宣言とブラウザでの表示
Dig*Dag
Firefox IE　表示の違い　クロスブラウザまとめ
Webデザインとグラフィックの総合情報サイト - MdN Interactive -
（5）floatで配置したブロックが落ちてしまった！
今日の覚え書き　Tickler's bunkum days
width解釈の違いへの対応策

ソーシャルブックマーク登録数