MozillaZine.jp フォーラム
https://forums.mozillazine.jp/

Windows版ではOKだが、Mac OS X版だとNGとなる
https://forums.mozillazine.jp/viewtopic.php?f=30&t=2235		 ページ 1 ／ 1
作成者:  imacomino [ 2006年10月23日(月) 13:58 ]
記事の件名:  Windows版ではOKだが、Mac OS X版だとNGとなる
初めて投稿します。
拙者、Mac OS X版のWebページ作成ツールであるRapidWeaverのプラグイン（フリー）を作成しています。
最近、「PostcardViewer plugin」というプラグインを開発/発表したのですが、当プラグインで生成したWebページがMac OS X版のFirefoxでうまく表示されないということが判りました(Windows版のFirefoxだと正しく表示されます)。
プラグインが生成するHTMLは少々複雑なので、簡略化したページを作ってテストしたとこと同じ結果となりました。 以下が簡略化したサンプルサイトです。

http://comino.sakura.ne.jp/bench/temp/index.html

拙者、アマチュアですので中途半端な知識しか持ち合わせていないのですが、HTMLはさほど複雑ではないと思います。また、Windows版のFirefoxですと正しく表示されるので、特にブラウザを意識したHTMLにはなっていないと思います。なお、このサンプルページは、Windows版IE6 , Mac OS XのSafari でも正しく表示できます。
何が原因なのか、どの様に修正すればMac OS X版のFirefoxで表示させることが出来るのかを知りたいのです。
よろしくお願い致します。
作成者:  ゲスト [ 2007年6月06日(水) 04:32 ]
記事の件名:  Re: Windows版ではOKだが、Mac OS X版だとNGとなる
imacomino さんが書きました:
初めて投稿します。
拙者、Mac OS X版のWebページ作成ツールであるRapidWeaverのプラグイン（フリー）を作成しています。
最近、「PostcardViewer plugin」というプラグインを開発/発表したのですが、当プラグインで生成したWebページがMac OS X版のFirefoxでうまく表示されないということが判りました(Windows版のFirefoxだと正しく表示されます)。
プラグインが生成するHTMLは少々複雑なので、簡略化したページを作ってテストしたとこと同じ結果となりました。 以下が簡略化したサンプルサイトです。

http://comino.sakura.ne.jp/bench/temp/index.html

拙者、アマチュアですので中途半端な知識しか持ち合わせていないのですが、HTMLはさほど複雑ではないと思います。また、Windows版のFirefoxですと正しく表示されるので、特にブラウザを意識したHTMLにはなっていないと思います。なお、このサンプルページは、Windows版IE6 , Mac OS XのSafari でも正しく表示できます。
何が原因なのか、どの様に修正すればMac OS X版のFirefoxで表示させることが出来るのかを知りたいのです。
よろしくお願い致します。

様々なブラウザで表示できるページを書きたい場合には特に正しくページを記述しましょう。
その場合、IEの補間や修正機能(間違った記述を適当に解釈してくれる)に頼ったページを書いてもね。
ページが正しく書けているか、間違っている場合にどこを変えれば良いか教えてくれるサイトもございますので利用しましょう。

下記ページにもありますし。
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
http://validator.w3.org/

恐らく不適切(作者の意図通りでない)だと思いますが全角の引用符が含まれており正しく解釈するとダメなページのようですね。
作成者:  Kuro [ 2007年9月22日(土) 00:20 ]
記事の件名:  Re: Windows版ではOKだが、Mac OS X版だとNGとなる
ざっとですが、コーディングをデバッグしてみました。
引き金になっているのは、以下のスタイルシートのプロパティではないかと思います。
コード:
  #postcardviewer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 800px;
    background-color: #000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

のセレクター内の2つ。
コード:
-moz-opacity: 0.6;
opacity: 0.6;


これらをコメントアウトすると私の MacOS X 10.3.9 上の Fx 2.0.0.7 で表示されました。
そもそも、インラインフレームで読み込まれるページ（temp/files/index.html）は スタイルシートを切ると MacOS X でも表示できましたので、temp/index.html に問題があります。

ウェブ標準を考えたコーディングをお考えの場合は、正しいコーディングを心がけた方が後々幸せになれると思います（今回の表示されないような「不具合」も含めて）。
ページ 1 ／ 1 All times are UTC + 9 hours
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/