2010-12-08 21 views
0

私はほとんどのブラウザでうまく表示されるウェブサイトを持っていますが、IE8のページの一部が欠落しています。サイト全体がIE8では、整列に関しては、CSSを修正することで徐々に修正されていますが、最悪のページは実際にはいくつかのDIVが欠けているhttp://www.pocketpayday.co.uk/apply-online.aspxです。このサイトは、Firefox、Chrome、Safariなど、私たちが試した他のすべてのブラウザで正しく表示されます。IE8でウェブサイトが正しく表示されない

私は、フォームがCMS内のasp.net usercontrolなので、コードを投稿していないことに気付きました。その結果、たくさんのコード/テンプレート/ CSSがあり、無関係なものを投稿したくありません。誰かが以前に同様の問題を経験したことを期待していました。私は現在、FirebugとIEの開発ツールを使って何が起こっているのかを試してみることにしています。

+0

@Phrogz - 私はそれを試していない出力ではなく、実際のコードを通過するのに多くの時間を費やしていました。それを実行すると、開始HTMLタグの前に2つのスクリプトタグが表示され、これらの固定タグを移動することが分かりました。あなたが答えを投稿すると私はそれを受け入れるでしょう – Macros

答えて

1

このような問題に直面:

  • は(HTMLとして保存)ページの出力を取り、簡単な再現可能なテストケースにあなたの問題をダウン削り取っする
  • 編集。
    1. 問題に無関係に見えるCSS、HTML、またはJSの部分を見つけて削除します。
    2. 問題が解決しない場合は、手順1を繰り返します。
    3. 問題が解決しない場合は、そのコードを戻して別のものを削除してください。
    4. 必要に応じて、テストケースを壊すことなく削除できないコードのバイトがなくなるまで繰り返します。あなたは、多くの場合、問題を自分で見つける過程で

。一見無関係なものを削除し、問題を修正(または変更)することがわかります。なぜそれが違いを生み出したのか不思議に思うと、突然洞察力が飛びます。

問題を把握していない場合は、テストケースが非常に少ないため、専門家が問題を迅速に分析して解決できるようになるため、依然として勝ちます。

ああ、と:常にvalidate your HTMLvalidate your CSSとしてください。 :)

+0

時にはそれは木のための森を見ることは難しい...これを行うには、問題が何であるかを正確に理解した、の前に

1

私は見ましたが、私はそれを魔法のようにクリアすると言うことはできません。

しかし、ここでは、IE8、IE7をサポートする際に従うべきいくつかの良いヒントがあります:

1)私はあなたが自動閉鎖divタグを持っていた気づきました。代わりに、常に終了タグがあります。

//Use this 
<div></div> 

//Not this 
<div/> 

2)あなたはfloat:rightを使用していました。 floatを使用するときはいつでも、floatルールが意図しない要素に伝播しないように、空のclear divを使用してください。明確なdivはあなたが浮かべている要素の兄弟でなければなりません。

//Whenever you do this... 
<div style="float:right;"></div> 
<div style="float:right;"></div> 

//Add a clear div.... 
<div style="float:right;"></div> 
<div style="float:right;"></div> 
<div style="clear:both;"></div> 

だから、それらの変更を試してみると、彼らは助けるかどうかを確認します。一般的に

関連する問題