― MozillaZine.jp フォーラムは Mozilla 製品に関する情報交換の場です ―



All times are UTC + 9 hours

新しいトピックを投稿する トピックへ返信する  [ 3 件の記事 ] 
作成者 メッセージ
投稿記事Posted: 2006年10月23日(月) 13:58 
オフライン

登録日時: 2006年10月23日(月) 13:56
記事: 1
初めて投稿します。
拙者、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で表示させることが出来るのかを知りたいのです。
よろしくお願い致します。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2007年6月06日(水) 04:32 
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/

恐らく不適切(作者の意図通りでない)だと思いますが全角の引用符が含まれており正しく解釈するとダメなページのようですね。


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2007年9月22日(土) 00:20 
オフライン
Moderator

登録日時: 2005年12月13日(火) 22:41
記事: 304
お住まい: Japan
ざっとですが、コーディングをデバッグしてみました。
引き金になっているのは、以下のスタイルシートのプロパティではないかと思います。
コード:
  #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 に問題があります。

ウェブ標準を考えたコーディングをお考えの場合は、正しいコーディングを心がけた方が後々幸せになれると思います(今回の表示されないような「不具合」も含めて)。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
期間内表示:  ソート  
新しいトピックを投稿する トピックへ返信する  [ 3 件の記事 ] 

All times are UTC + 9 hours


オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[14人]


トピック投稿:  可
返信投稿:  可
記事編集: 不可
記事削除: 不可
ファイル添付: 不可

検索:
ページ移動:  
Powered by MozillaZine.jp® Forum Software © phpBB Group , Almsamim WYSIWYG
Japanese translation principally by ocean