Firefoxでもトップ画像が表示馬耳湯風(ばじとうふう)/ウェブリブログ

Firefoxでもトップ画像が表示

<< 作成日時： 2006/02/03 15:23 >>

このブログのトップページに画像を表示させていましたが、Firefoxで
見た時に表示されないという問題はようやく解決しました。

CSS編集でトップページのタイトル領域に好きな画像を貼り付けるという
ことから始まりInternetExplorerでは何の問題もなく使っていました。

InternetExplorerというプラウザから別のプラウザに移行しようと思い
Firefox1.5とOpera8.5を試用してみましたが、なんとFirefoxではこの
ブログのトップページに貼り付けていた画像が表示されずテンプレート
で用意されていた画像(フォト・イラスト、草原)が表示されている。

1月31日付の「画像が表示されない(Firefox1.5)」ご参照下さい。
http://yukemuri.at.webry.info/200601/article_31.html

この問題はCSSのことなどわからない素人が［CSS編集（上級者向け)]
ということにチャレンジしたことがそもそもの原因なのですが素人なりに
何とか解決しようと思いました。

結論

CSS編集で全角スペースの部分を削除したら画像が表示された。

原因
ウェブリブログ事務局のFAQをそのままコピーして使用していた為に
指定したURLの前に全角スペースが入ってしまった。

全角スペースbackground:url("タイトル画像のURL") repeat-x;

(ウェブリブログ事務局のFAQ)
http://faq.at.webry.info/200503/article_4.html

/*---------------- タイトル(大) ----------------*/
#banner{
　　　　 /* タイトル水平方向に繰り返す方法で背景に表示する */
　　　　background:url("タイトル画像のURL") repeat-x;
}

解決
(1)Firefox1.5にWeb Developer 1.0 日本語版をダウンロード。
http://www.infoaxia.com/tools/webdeveloper/

(2)機能の中にある「ローカルファイルのCSSを検証」で検証

検証結果の画面では「エラーの表示」「警告の表示」がかなりの数で
表示されましたが私にはなんの事やら・・・(^_^;)
ただ、問題はとにかく画像をアップしたCSSの記述の所ですから何とか
ここを探し出したら下記のような表示を発見しました。

エラー
* 行番号: 1011 コンテキスト : #banner
文法解析エラーが発生しました
- ?@background:url(以下略)

backgroundの前におかしな記号がついている。

これがどういう意味かは気づきませんでしたが、ブログのCSS編集に
戻り「background」の前におかしな記号がついていないか確かめると
何もなくてスペースがあるだけ・・・(^^ゞ

BSキーを4回押して更新ボタンをクリックしたら画像が表示されました。

終わってみればあまりにもあっけないし、どうしてこのような現象が
起きたのかもわかりませんが結果的にはコード2005の画像がFirefox
ユーザーでも見ることが出来るということに満足しています。

追記
Firefox1.5はインストール時にInternetExplorerからのお気に入りや
パスワード等も引き継ぐし、見た目や操作性も違和感無く使えるので
自分のブログの問題が解決したのでしばらく使ってみたいと思います。

Firefox
http://www.mozilla-japan.org/products/firefox/

Firefox 乗り換え＆拡張機能ガイド