問題タブ [cross-browser]

以下に示す HTML フォームは、Opera (バージョン: 9.52) では期待どおりに機能しません。フォームには onsubmit 属性がなく、type=submit の入力要素もありません。type=button の 2 つの入力要素があり、両方の onclick が、ユーザーに送信を確認してもらいたい js メソッドを呼び出します。confirm() 呼び出しを削除すると、完全に正常に動作します。また、他のすべてのブラウザー (FF2、FF3、IE7) では正常に動作しています。

ポインタはありますか？

現時点では、Firefox サポート-moz-border-radiusプロパティのみを信じています。ツイッターが使っていることにビックリ。

これをサポートする予定の他のブラウザーはありますか、それとも CSS3 はこのような機能を開発中ですか?

編集: -webkit-border-top-left-radiusとCSS3 バージョンも見つかりました

では、CSS3 はいつ登場するのでしょうか。

IE が存在しなかった世界では、より簡単で、ハッキングが少なく、バグが少なく、一般的により使用されているものは何でしたか.

すべての機能がクロスブラウザで利用できるとしたら、インターネットはどうなっていたでしょうか?

投稿ごとに 1 つのポイントをリストします。

これはコミュニティの wiki です。明確にするために、質問/回答を自由に修正してください。

iframe 内のドキュメントが別のドメインにある場合、親ドキュメントから iframe 内のドキュメントの DOM にアクセスする方法はありますか? 親ページと子ページの両方が同じドメインにある場合は簡単にアクセスできますが、異なるドメインにある場合はアクセスできる必要があります。

そうでない場合は、iframe のコンテンツを読み取る別の方法があるかもしれません (ActiveX コントロールを作成することを検討しました。これは社内でのみ使用するためですが、クロスブラウザー互換性があることをお勧めします)。

私のサイトを使用しているInternetExplorer6のユーザーに、IE6には過去に私のサイトとの深刻な互換性の問題があったことを警告したいと思います。これを行うための最良の方法は何ですか？

理想的には、IE6ユーザーに問題を警告し、IE7、Firefox 3、またはOpera 9.5のいずれかに更新することを推奨するメッセージ（新しいウィンドウではなく、可能であればメッセージボックス）を表示させたいと思います。

問題:顧客 X は、MSIE で XML DataBinding および Databound テーブルを使用するページを、クロス ブラウザーで動作するようにリファクタリングするよう要求しました。

質問: MSIE クロスブラウザー (つまり、MSIE と Firefox の両方)のMSIE DataBinding機能を模倣するベスト プラクティスの方法は何ですか。

特徴:顧客 Xは、単一の Web ページでMSIE DataBindingを使用して、既に以下を取得しています ...

• データソースとしての単一 URL xml ダンプ全体 (サーバー側のページングやクロスドメインの問題がないことを前提としています)
• データソース URL を指定するだけの Web ページ マークアップ (MSIE と同様)
• クライアント側で JavaScript の「メモリ不足」または「レイテンシ」エラーを発生させずに、非常に大きなテーブル (最小で 3k レコードなど) をロードする機能
• 行ストライピングの可能性がある通常の HTML テーブル要素でこれを実行する機能 (オプションですが、MSIE はまだこれを行っていないため必須ではありません)

背景:この特定の質問と同期するには、おそらくMSIE DataBindingに精通している必要があります。MSIE のこの機能により、(標準の「テーブル」にある限り、特定のスキーマのない) 単一の XML データ ソースを指すことができ、ブラウザーはデータを視覚的かつ非同期的にレンダリングします。

これの利点は、ユーザーに出力を表示する前にページの読み込みがテーブル全体に入力されるのを待たないため、ページがすばやくレンダリングされることです。テーブルの行は徐々に埋められます。

False Starts:以下は、顧客 X によって既に試行され、拒否されました。

• JQuery: データの読み込みとクリーンな維持が可能な HTML マークアップには最適ですが、大規模なデータ ソースは、クライアント側でレンダリングするときにレイテンシとメモリの問題を引き起こします。
• XSLT: <table> タグで "datasource" 属性を指定するだけでなく、多くのことが含まれているため、これは顧客 X を怖がらせます。
• サーバー側のデータ ページネーション: 顧客 X は、XML データのセグメント化やサーバー側での「データ変更」を絶対に避けたいと考えているため、これはオプションではありません。

以下のfadeIn、fadeOut効果は Firefox 3.0 では正常に動作しますが、IE 7 では動作しません ... どうしてですか? また、そのトリックは何ですか? アイデアはもちろん、「まばたき」効果を得て、ユーザーの注意を表の特定の行に引き付けることです。

更新:ばかげた問題が見つかりました...「.status-error」は tr 要素を指しています。背景色を設定して Firefox の tr でフェードすることはできますが、IE ではできません。「CSS ポインタ」を「.status-error td」に変更すると、tr の下の td を指すようになり、すべてのブラウザですべてが機能しました。

私は日焼けサロンなどの小さなサイトで働いています。IE では ActiveX 固有のものはサポートされていませんが、Firefox はサポートされています。Chrome の奇妙な動作に気付きました。ブラウザの統計によると、訪問者の 1% 未満が Chrome を使用しています。

私は人々がそれがクラスで最高に近いと言っているのを聞いたことがあります. しかし、私はすべてが独自のプロセスで実行される方法が好きです。

Chrome は、コーディングが必要なほど普及するでしょうか? 人気が出る頃には、奇妙なレンダリングは修正されますか?

設計中のサイトに「クイック リンク」ドロップダウンを作成しようとしていますが、IE6 以降のすべてのブラウザーと互換性がある必要があります。位置が固定されるため、幅は 120 ピクセルのままにする必要があります。<select>タグを使用して幅を設定すると、これが機能します。ただし、ボックスが開かれると、IE は Firefox が正しくサイズ変更する長いテキスト リンクを切り取ります。すべてのブラウザで動作するボックスの上部 120px とは異なる幅でドロップダウンを定義する方法はありますか?

そうでない場合、10 ページの JavaScript を必要としないカスタマイズ可能なドロップダウン メニューの簡単なスクリプトはありますか?

CSSに関連する本を読むと、「これは一部のブラウザでは機能しません」、「このハックはそのブラウザでは機能します」などのことがよくあります。

すべてのブラウザで動作するためのハックを知るために必要なすべての情報はどこにありますか？

ありがとう