問題タブ [firefox-3]

Firefox 3 の中央揃えのアイテムに問題があります。

これを示すために、コードを 2 つの要素だけに減らしました。ここで確認できます: http://prwmusic.com/misc/csstest/home-sample-fix.html

ここで、ブラウザ ウィンドウをゆっくりと広げたり狭めたりします。Firefox 3 を使用していると仮定すると、ドラッグして幅を広げたり狭めたりするピクセルが 1 つおきに、青色の DIV の左側で白い背景がどのように出たり入ったりするかがわかりますか? それでも、IE6、IE7、Safari、さらには FF2 も問題ありません。

私が行ったことは、1 つの DIV を作成し、その DIV に「影の背景を持つ白いページ」を追加して、訪問者が水平スクロール バーが表示される前にブラウザをできるだけ狭くできるようにすることです。次に、青色の背景を持つネストされた DIV が 1 つあります。背景の白い領域と青色の div はどちらも幅が 970 ピクセルであるため、どちらも中央に配置されるため、常に一致するはずです。

ウィンドウ サイズが奇数の場合、Firefox は背景画像の右側に 1 を追加しますが、前景の左側に 1 を追加すると、すべてが台無しになります。

最初の考えは、「背景画像に青を含めるだけ」かもしれません。しかし、私が取り組んでいるプロジェクトの実際のデザインはかなり複雑で、この奇妙さはサイト全体、ページの上下のすべての部分で発生します.青を背景の一部にすることはできません. この簡単な例を使用して説明しているだけです。

Firefox 3 で項目を常に整列させて、ブラウザの幅が変わった場合に表示がおかしくないことを保証する方法はありますか? （明らかに、他のすべてのブラウザでそれを壊すことなく）

テーブル内の行をフィルタリングするために使用しているコードのスニペットがあります。Firefox v3.0.x 以外のすべてのブラウザーで完全に動作します (3.1 ベータ 2 で正常に動作します)。Firefox 3.0.x でスニペットを実行すると、children is undefined. jQuery v1.2.6 も使用しています。

コードスニペット：

このコードはすべての表の行を選択してループし、3 番目の列の innerHTML テキストをテストします。RegEx テストが失敗した場合、行は非表示になり、それ以外の場合は表示されます。

誰かがこの問題を見たことがありますか、そして/またはそれを機能させる方法を知っていますか?

ありがとう

編集: テーブルの HTML マークアップは次のとおりです。簡潔にするために、2 つのレコードのみを示していますが、さらに多くのレコードが入力されています。

jQuery を使用して、いくつかの表のセルをうまく非表示にできます。次に、非表示のセルの高さを測定すると、セルが非表示でない場合に占有するスペースが空白として表示され、その行の残りのすべてのセルが 1 列分押し出されます。まるでセルがテーブル フローに再挿入されたかのようですが、その内容は隠されています。以下の例は、問題を示しています。「列 2 を非表示」をクリックし、続いて「行 1 列 2 を測定」をクリックして、それが起こることを確認します。サンプル コードはスタンドアロンです。HTML ファイルとして保存するだけです。

これは FF3 と Chrome に影響しますが、IE7 には影響しません。

HTML 5 が実際に何であるか、またはそうでないかについての優れた記事または説明を探しています。昨年の Google I/O で、Google Gears は HTML 5 のリファレンス実装と見なすことができるとよく耳にしました。その後まもなく、Yahoo の BrowserPlus プラグインが同様の機能を備えて登場しました。また、Firefox にはオフライン サポートがいくつかあると思います。繰り返しになりますが、これらのプラグイン/ブラウザは HTML 5 の実装と見なされますか? HTML 5 がカバーするものは正確には何ですか (オフライン サポート?、ローカル データストア?、スレッド処理の改善?)...

Firefox 3 と IE7 の両方で動作する jQuery 1.3 アニメーション遷移はありますか?

複数のテーブル行 (25 以上) を持つテーブルがあり、一部の行は非表示になっています (これらの行はすべて共通のクラスを共有しています。この例では ".hidden" です)。テーブル ヘッダーには、非表示の行を表示する関数にバインドされた [もっと表示] リンクがあり.click()、[もっと表示] を [少なく表示] に変更.click()し、反対のことを行う関数に変更します。

各.click()関数には、次のような行があります

「表示を減らす」機能ではwith.show()に置き換えられました。.hide()

.show()ただし、 /.hide()をに置き換えようとすると、有効になるまでに 1 分かかることを除いて.fadeIn()/.fadeOut()、IE はほぼ同じようにレンダリングします。そこには本当のアニメーションはありません。IE では劣りますが、Firefox ではうまく動作します。.show()/.hide().hide()

を使用しようとすると.slideDown()/.slideUp()、IE でも同様にぎこちなく.show()/.hide()、トランジションの完了直後に奇妙なパルス効果があることを除けば、ほぼ同じです。Firefox 3 も同様にチョークします。明らかに、表示されているテーブル行の行幅を忘れて、全体がひどく見えます。

では、アニメーションは IE7 ではうまくいかないのでしょうか? この場合、両方のブラウザで機能する、優雅でスムーズな移行を実現する方法はありますか?

ブックマークに簡単にタグを付け直すことができるFirefox3アドオンを作成しようとしています。たとえば、「development」というタグの付いたブックマークと「Development」というタグの付いたブックマークがあり、すべての「delelopment」タグを「Development」に簡単に更新する方法が必要です。残念ながら、これを行うためのアドオンが見つからないため、自分で作成することを考えました。

基本を理解し、FireFoxがすべてのブックマークをPlaces.sqliteというSQLiteデータベースに保存していることを発見する前にアドオンを開発していませんでした。そのデータベース内には、ブックマークディレクトリ内のすべてのブックマーク、タグ、およびフォルダを含むmoz_bookmarksというテーブルがあります。ブックマークフォルダとその子ブックマークの構造は、同じテーブル内の親フォルダのIDを指す外部キーIDを使用して表されます。このIDは、ブックマークのルートに到達するまで、その親フォルダのIDまで上向きに繰り返されます。

しかし、私が行き詰まっているのは、Firefoxで適用するタグがブックマークにどのように関連しているかです。各タグのタイプは2、親IDは4です。ただし、これとタグを使用する実際のブックマークとの間に相関関係は見られません。Firefoxのブックマークを特定のフォルダーに追加せずに、2つまたは3つのタグを付けると、その親フォルダーIDは「未提出」に対応する5になりますが、それに関連付けられたタグとの相関関係はわかりません。

構造上でこのWikiページを見つけましたが、実際には役に立ちません。

それは私を狂わせています:(助けてください...

Firefox 3では、行の高さが設定されていない場合、他のブラウザがレンダリングする方法とは異なる新しい動作が導入されました。したがって、クリティカルセクションはそのブラウザで高すぎるレンダリングを行う可能性があります。グローバルパーセンテージの設定は、基本が異なるため機能しません。「1」などの単位のない値を設定しても機能しません。この次元を正規化する方法はありますか？

各行に削除リンクがあるHTMLテーブルのレコードの簡単なリストがあります。削除リンクは、AJAX投稿リクエストを次のような固定URLに送信します： " /delete/record/5"

.ajax()AJAXリクエストは、httpsを使用するサーバーで実行されているときに、POSTメッセージを含むjqueryの呼び出しを使用して作成されます。この呼び出しは、OSX/Windowsアーキテクチャ上のFirefox3では失敗します。私がテストした他のすべてのブラウザ（OSX / Windows：Chrome、Safari、IE7）で動作します。

リクエストはhttpsサイトから送信され、同じhttpsサイトに送信されます。しかし、プロセス中のどこかで、元のリクエストはhttpとして始まり、サーバー上でhttp-> httpsから送信しようとするリダイレクトが試行され、Firefoxはそのリダイレクトをある種の偽造として拒否すると思います。

.ajax()Firefoxを使用してhttpsサイトでJQuery呼び出しを行った経験のある人はいますか？?var=xxxリクエストのURLに""引数が含まれている場合、それらの変数がない場合よりもリクエストが頻繁に機能するように見えるという奇妙なことに気づきました。