1

ここで何が起こっているのかについて、他の誰かが何らかの情報を提供してくれることを願っています。'09年に最初にこのサイトに取り組んだとき、いくつかのバージョンのInternet Explorerでテストしましたが、問題なく動作しましたが、IE9ではこのようになりました. (正しいバージョンと IE9 のバージョンの比較。どちらがどちらであるかは明らかです。) これについて私を最も混乱させているのは、本文を含むボックスが複製されているように見えることです。ここには重複の印象を与える要素が 2 つありますが、1 つを削除しても同じでした。問題を引き起こしていると思われる「テキストボックス」divは、高さが設定されていない場合、多少うまく機能します。それとヘッダーの間におそらく 100px の垂直方向のギャップがありますが、もはや重複したり、サイドバーの下にあることはありません。

4

2 に答える 2

2

サイトのレイアウトを壊しているマークアップの問題がいくつかあります。例えば：

<ul>  
  <li><a href="communityed.html">Community Education and Training</a></li>      
  <li><a href="outreach.html">Outreach</a> <!-- no closing </li> -->
  <li><a href="cals.html">CLCM Programs</a></li>
</ul>

も閉じるのを忘れていました<h1>：

<div id="linksline">
  <h1>Links
</div>

これらを修正すると、IE9 でのレイアウトが解決されました。

覚えておいてください、常に検証してください。F12 を押してValidateオプションを選択し、 HTMLの選択に進むことで、IE9 内から簡単にこれを行うことができます。

ここに画像の説明を入力

于 2012-05-16T03:06:23.983 に答える
0

これはあなたのエラーです。h1 タグが行番号 74 を閉じていません

<div id="linksline">
    <h1>
    Links</div>
于 2012-05-16T05:03:05.010 に答える