更新: 私は Yahoo の SiteBuilder ソフトウェアを使用しています。問題は doctype ヘッダーに関係していると思われるため、Google で SiteBuilder を検索しました。別のフォーラムの誰かが、質問者のウェブサイトに以下を追加することを提案しました
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
それを自分のページの HTML の先頭に追加してみました。ドロップダウン メニューは IE9 で機能しましたが、IE と Firefox の両方で、テキスト、ログイン ボックスなどがすべて画面の左上隅に詰まっていました。Doctype の何かのように見えますが、すべてがずれている別のことが起こっています。この開発に基づく提案はありますか？
ありがとうございました！
このようなことになると、私は完全な初心者であることを前もって述べることから始めます。基本的な質問をしたり、過度に明確な指示が必要な場合はご容赦ください。
基本的に、新しい Web サイトにドロップダウン ナビゲーション メニューを追加したいと考えています。オンラインで 1 つのコードを見つけ、試行錯誤を繰り返しながら、それを自分のものにする方法を見つけました。IE9でテストするまでは、すべて問題ないようでした。ポインターをその上に置くと、ドロップダウンがドロップダウンしません。Firefox (私の主なブラウザー) では正常に動作し、友人は Chrome でも動作することを確認しました。
後でいくつかの Google 検索を行うと、これはかなり一般的な問題であることがわかります。実行可能な解決策を見つけようとしましたが、提案された修正が機能しなかったか、彼らが話していることを本当に理解していません. 私が言ったように、私はこの新しい言語を理解するのに苦労している初心者です。
ここにサイトがあります: http://gardenstatelegacy.com/GSL2_Test_Home.html
これは進行中の作業です。「購読」リンクは、Firefox と IE9 の両方で機能します。[リソース] タブにはドロップダウン メニューが必要です。そのドロップダウン リストで現在機能している唯一のリンクは、「コンサルタント ディレクトリ」です。IE9 の「互換表示」オプションを使用して試しましたが、何も起こりませんでした。
以下で使用しているコードをコピーして貼り付けています。これが IE と互換性がない理由を誰かが理解できる場合は、私に知らせて、どうすれば修正できるか教えてください。繰り返しますが、私はこれに慣れていないので、簡単にしてください。助けてくれてありがとう！
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
padding: 0;
margin: 0;
}
#wrap {
width: 100%;
height: 50px;
margin: 0;
z-index: 99;
position: relative;
background-color: #660000;
}
.navbar {
height: 50px;
padding: 0;
margin: 0;
position: absolute;
border-right: 1px solid #660000;
}
.navbar li {
height: 50px;
width: 142px;
float: left;
text-align: center;
list-style: none;
font: normal bold 12px/1.2em Arial, Verdana, Helvetica;
padding: 0;
margin: 0;
background-color: #660000;
}
.navbar a {
padding: 18px 0;
border-left: 1px solid #C4BD97;
border-right: 1px solid #C4BD97;
text-decoration: none;
color: white;
display: block;
}
.navbar li:hover, a:hover {
background-color: #660000;
}
.navbar li ul {
display: none;
height: 50px;
margin: 0;
padding: 0;
}
.navbar li:hover ul {
display: block;
}
.navbar li ul li {
background-color: #660000;
}
.navbar li ul li a {
border-left: 1px solid #C4BD97;
border-right: 1px solid #C4BD97;
border-top: 1px solid #C4BD97;
border-bottom: 1px solid #C4BD97;
}
.navbar li ul li a:hover {
background-color: #660000;
}
</style>
</head>
<body>
<div id="wrap">
<ul class="navbar">
<li><a href="#">Home</a></li>
<li><a href="#">Sample Issue</a></li>
<li><a href="http://gardenstatelegacy.com/Subscribe.html">Subscribe</a></li>
<li><a href="#">Resources</a>
<ul>
<li><a href="#">History Sites/Groups</a></li>
<li><a href="#">Speakers Bureau</a></li>
<li><a href="http://gardenstatelegacy.com/Professional_Directory.html">Consultant Directory</a></li>
<li><a href="#">Links</a></li>
</ul>
</li>
<li><a href="#">About GSL</a>
<ul>
<li><a href="#" >Mission Statement</a></li>
<li><a href="#">Who We Are</a></li>
<li><a href="#">News</a></li>
</ul>
</li>
<li><a href="#">GSL Store</a></li>
<li><a href="#">Advertise</a></li>
</ul>
</div>
</body>
</html>