@IT会議室は、ITエンジニアに特化した質問・回答コミュニティ「QA@IT」に生まれ変わりました。ぜひご利用ください。
- PR -

IE6.0と7.0でPanelコントロールの表示のずれが発生してしまいます

1
投稿者投稿内容
mojimoji
会議室デビュー日: 2009/02/02
投稿数: 10
投稿日時: 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のバージョン等?も関連するのでしょうか?)

どなたかご存知の方がおられましたらご教授頂けると助かります。

よろしくお願い致します。
Access
ぬし
会議室デビュー日: 2002/04/08
投稿数: 829
投稿日時: 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
コード:
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js" type="text/javascript"></script>
<![endif]--> 



IE8.js
コード:
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js" type="text/javascript"></script>
<![endif]--> 



※IE7.jsとIE8.jsを同時に使うことはできません。


_________________
ASP.NET+Ajaxサンプル集 | JavaScript+Ajaxサンプル集
かずくん
ぬし
会議室デビュー日: 2003/01/08
投稿数: 759
お住まい・勤務地: 太陽系第三惑星
投稿日時: 2009-03-09 09:07
使用しているCSSに
コード:
* {
  margin: 0;
  padding: 0;
}


がなければ、CSSの先頭に入れてあげるとよいかもしれません。
1

スキルアップ/キャリアアップ(JOB@IT)