IE6では正常に見えるがIE7 / IE8では正常に見えないAsp.Net Webサイト
-
03-07-2019 - |
質問
VS2005とmySQlを使用して開発された小さなWebサイトがあります。これは2つのWebフォームとログインページです。
開発とテストの段階では、私とお客様はIE6を使用していましたが、見た目は良かったのですが、小さなアプリケーションであり、大きなデスクトップアプリケーションの単なるアドインであるため、他のブラウザーではテストしませんでした。
お客様は、IE7をインストールしたときにサイトが同じではないことをお客様に通知しました。たとえば、複数ページ(AllowPaging = On)を含むGridviewのページを表示するwebfromがある場合、IE7では見た目がよくありませんGridviewで他のページに移動することはできませんが、IE6では正常に動作し、複雑なことはありません。GridViewを小さなフォーマットで計画するだけです。
IE8をインストールしましたが、互換性のムードでも見た目が良くありません。
誰かが同じ問題に直面したことがありますか?そして、そのための最も速いまたは最良の解決策は何ですか?
わかっています、ウェブフォームを再度使用しないでください。
解決
ブラウザのバージョン間で外観が異なる唯一の理由は、スタイリングとdoctypeです。
DoctypeをQuirksモードで実行するように設定することから始めます。 それに関する情報を入手できます。
その後、状況が改善するかどうかを確認します。そうでない場合、私はあなたが使用している可能性のあるCSS /スタイル/テーマをリッピングし始めます。次に、通常のCSSを使用してバックアップします。
ちなみに、この場合、Webフォームは問題ではありません。スタイリングの問題です。
他のヒント
Chrisが述べたように、ブラウザには本当にうっとうしい違いがあり、時々髪を引っ張ってしまいます。90%はCSSに関連しています。
だから私は以下を提案します
- IE Testerというツールを使用します。これは、すべてのIEバージョンでサイトをテストできる素晴らしいツールです。
- CSSルールが間違っている場合、IE固有のバージョンを対象とする条件付きコマンドを使用します。
- このツールを使用 http://rafael.adm.br/css_browser_selector/ 本当に驚くべきことです。ハッキングや条件付きステートメントなしで各ブラウザのCSSルールを定義できますが、欠点はJavascriptに依存していますが、文句は言いませんでした。
- また、このスクリプト http://dean.edwards.name/IE7/ は素晴らしい、それはIE 6をIE 7のように振る舞わせ、あなたにたくさんの問題を救います。これもJavaスクリプトに依存しています。
- ハックをできるだけ避けてください。上記の方法は非常に役立ちます。
これが役に立てば幸いです。