- - PR -
IE6.0と7.0でPanelコントロールの表示のずれが発生してしまいます
1
投稿者 | 投稿内容 | ||||||||
---|---|---|---|---|---|---|---|---|---|
|
投稿日時: 2009-03-06 14:56
以下の環境ででWEBの作成を行っています。
Windows XP Professional .NET Framework2.0 VS2005 Professional Edition SQL Server 2005 ASP.NET 2.0 AJAX Extensions 1.0 IE 6.0 AJAX2.0ツールを使用して画面を作成し、動作確認をIE6.0で行っています。 先日、他のPCでも動作を確認してみようと思い、IE7.0が入っているPCで画面を表示した所、主に以下のような問題が発生してしまいました。 @Peanelコントロールのvisibleをtrue⇔falseで制御している部分の表示がずれてしまいます。 例えば、画面上半分はtextboxやlabel等の固定表示、画面下半分は表示/非表示したいためPanelコントロールでを配置しているのですが、Panelコントロールのvisible=trueにすると、画面上部の固定表示項目の上に被さるようにPenelコントロールの内容が表示されてしまいます(下の固定表示の部分も一緒に表示されます)。 ACollApsiblePanelExtenderコントロールを私用している箇所が、開いた時白くなってしまい、中に記載した内容が何も表示されません。 IEの6.0と7.0で、このようなずれが発生する原因が分からず困っております。 (AJAXのバージョン等?も関連するのでしょうか?) どなたかご存知の方がおられましたらご教授頂けると助かります。 よろしくお願い致します。 | ||||||||
|
投稿日時: 2009-03-07 06:23
Webアプリを開発するときは、クロスブラウザの動作確認が必須です。
一般に基本ブラウザ(Firefoxなどのモダンブラウザがよい)で検証して、Safari、Google Chromeなどを検証します。最後に、IE8→IE7→IE6・・・の順に検証します。IEは、CSSのW3C標準に完全に対応していないので最後に検証します。 IEの検証中に互換性の問題が発生したときは、 ・CSSハック ・パスフィルター ・条件コメント などで特定のバージョン(IE8,IE7,IE6,IE5...)のブラウザに対して調整します。 CSSハック、パスフィルター、条件コメントについては、Googleで検索してください。 ちなみに、IE6, IE7をモダンブラウザ並にするJavaScriptがGoogleから提供されています。 http://code.google.com/p/ie7-js/ IE7.jsは、IE5,IE6をIE7並みにします。IE8.jsはIE5,IE6,IE7をIE8並にします。 こんな感じで利用します。 IE7.js
IE8.js
※IE7.jsとIE8.jsを同時に使うことはできません。 _________________ ASP.NET+Ajaxサンプル集 | JavaScript+Ajaxサンプル集 | ||||||||
|
投稿日時: 2009-03-09 09:07
使用しているCSSに
がなければ、CSSの先頭に入れてあげるとよいかもしれません。 |
1