Mozilla FirefoxやGoogle Chromeではお問い合わせボタンがページ上で意図した通りに表示されているにもかかわらず、Internet Explorerで確認すると、ボタンの位置がまったく異なる場所にあったり、一部が切れてしまったりすることがあります。この問題は、古いブラウザとの互換性を考慮したquirksモードを使用して設計されたページで発生することが多いです。

IEで特定のページがquirksモードを使用しているか確認する方法

Internet Explorerで該当ページを開き、F12キーを押すと、Internet Explorerの開発者ツールが開きます。右下隅のDocument Modeに Quirks mode (Page default) と表示されていることで確認できます。

解決策

ページのソースコードで DOCTYPE を変更し、quirksモードが設定されないようにする必要があります。

  • DOCTYPEの定義の前にコメントやXML宣言があってはなりません
  • 適切なDOCTYPEの定義を使用してください

最も一般的で効果的なDOCTYPEの定義は次のとおりです：

quirksモードでページがレンダリングされる可能性があるDOCTYPEの定義については、以下の記事（ページのほぼ最下部まで）を参照してください：https://en.wikipedia.org/wiki/Quirks_mode