web-dev-qa-db-ja.com

Webサイトは、互換モードを使用してIEでのみ正しく表示されますか？

職場の居住者「IT Whiz」（つまり、コンピューターの使用方法を知っている）として、私は中小企業向けのWebサイトの開発を依頼されました。当面、wordpressテーマを変更しましたが、結果に非常に満足しています。現時点で私が抱えている唯一の問題は、互換性モードで実行しない限り、何らかの理由でWebサイトが正しく表示されず、Internet Explorerが表示されないことです。

私が抱える主な問題は、メニューの「スライダー」（記事へのリンク付きの写真を回転させる）がまったく表示されず、トップメニューもテキストベースのリンクを点滅させるだけではないことです。

互換モードを有効にしてもスライダーとメニューは戻りますが、FirefoxとChromeの両方とは異なり、ページは中央に配置されません。私のグーグルは、これの最も一般的な原因が古いコードであることを示唆していますが、どこを探すべきかわかりません。 cssファイルまたは実際のphpにありますか？

また、この原因をトラブルシューティングする方法に関するアイデアはありますか？ 「壊れた」コードを強調するために使用できる開発ツールやデバッガーはありますか？

internet-explorercompatibility
2
user21318

HTML検証エラー を修正すると、実際に問題を解決するための長い道のりがもたらされます。 「重大な」エラーはおそらく約4つだけであり、他のほとんどはこれらの少数の結果です。

始めるには...

Line＃10-content属性内に誤った二重引用符があります：

<meta name="viewport" content="width=device-width, initial-scale="1.0" />

Line＃109-HTMLコメント内にHTMLコメントがあるように見えます-HTMLのブロックをコメントアウトしようとした結果です。コメントは99行目から始まります。

</div><!-- #search -->

最初にコメントを閉じてください...

</div> --><!-- #search -->

Line＃216-219-psをps内にネストしており、pの不一致があるようです。

Line＃270-フッターでスタイルシートをlinkしようとしています。これは<head>...</head>セクションに入力する必要があります。

現在、XHTML DOCTYPEをコメントアウトしています。これにより、IEで奇癖モードがトリガーされます。 DOCTYPEが必要です。おそらく<!DOCTYPE html>で十分でしょう。

2
MrWhite

適切な出発点は、検証機能を備えたコードエディターです。 1つの例は、コードを分析するための多くのツールを備えたAptana Studio 3です。無料なので、ダウンロードする価値があります http://www.aptana.com/

0
Martin de Keijzer