私はこれについてインターネット全体で調査してきましたが、残念ながらこれがなぜ起こっているのかを見つけることができません. 特定のコンピューターの Internet Explorer 9 でのみ発生しているようです。
IE 9 (一部のコンピューター) でのみ、ページ全体が混乱しているように見えます。
ウェブサイトのURLはこちら
なぜIE9でこれが起こっているのか誰か教えてもらえますか?
(注: 互換ビューはそれを消去しますが、Js/jQuery は正しく機能しません)。
私はこれについてインターネット全体で調査してきましたが、残念ながらこれがなぜ起こっているのかを見つけることができません. 特定のコンピューターの Internet Explorer 9 でのみ発生しているようです。
IE 9 (一部のコンピューター) でのみ、ページ全体が混乱しているように見えます。
ウェブサイトのURLはこちら
なぜIE9でこれが起こっているのか誰か教えてもらえますか?
(注: 互換ビューはそれを消去しますが、Js/jQuery は正しく機能しません)。
何らかの理由で、IE はサイトがイントラネット内にあると認識し、互換モードでレンダリングしました (IE には、CM でイントラネット サイトを自動的にレンダリングする設定があります)。「イントラネット ネットワークを自動的に検出する」ボックスのチェックを外すと、サイトは正しくレンダリングされました。
したがって、あなたの本当の質問は、IE がイントラネット ネットワークをどのように決定するのか、またページを強制的に互換モードでレンダリングしないようにする方法です...このようなものです。
気まぐれですがインラインブロックの使い方だと思います。開発者コンソールを使用してさらに調査できるようになるまでIE9をインストールしていませんが、IEはインラインブロック要素の表示が非常に悪いことが知られています。
Google Chrome のコンソールでは、 とはfloat:left
対照的に を使用して同じ外観を再現できるdisplay:inline-block
ため、問題のその部分は解決するはずです。
編集: HTML で見られる唯一の構文の問題は、</head>
タグに隣接していないタグの配置です<body>
。
編集2:アウトラインの問題に関する限り、この回答を別の質問に使用してみてください。
タグの表示を修正するためにもう一度編集しました。
の上に空白スペースがあることに気付きましたdoctype
。IEはこれを嫌います。ファイルのdoctype
一番最初にある必要があります。
また、調査して修正する必要がある2300を超えるHTML 検証エラーもあります。繰り返しになりますが、IE は無効な HTML に対して非常に敏感です。