0

Chrome では、Web サイトのページですべてが完全に機能します。そのソース コードの関連部分を以下にコピーしました。ただし、IE9 または Firefox (Opera または Safari は確認していません) では、上部および左側のナビゲーション リンクが機能しません。2 つのリンクにはドロップダウン メニューがあり、マウスをその上に置くと、2 つのリンク テキストの間で急速にちらつきます。また、IE9 と Firefox でリンクをクリックすると、リンク テキストが切り替わります。これらのブラウザの他のページにはリンクしていません。奇妙なことに、同じページ (以下も参照) の同様の形式のフッター ナビゲーション リンクは、3 つのブラウザーすべてで正しく機能します。可能な修正を調査した結果、これは CSS、スタイル タグ、DOCTYPE、または JavaScript の問題ではないと思いますが、肯定的ではありません。誰でも修正を提案できますか?

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>The Animal Union - Home</title>
<link href="css/mainstyle.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<div id="header">
<div id="navi">
<strong>
<ul >
<li><a href="index.html">Home</a></li>                          
<li><a href="about.html">About</a>
<ul></strong>
<li><a href="history.html">History</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="board.html">Board</a></li>  
</ul>           
<li> <strong>
<a href="donate.html">Donate</a> </strong>    
<ul>
<li><a href="noncash-gifts.html">Noncash&nbsp;Gifts</a></li>
<li><a href="matching-gifts.html">Matching&nbsp;Gifts</a></li>
 <li><a href="estate-planning.html">Estate&nbsp;Planning</a></li>
</ul>                                
<li><strong><a href="volunteer.html">Volunteer</a></li>                     
<li><a href="shop.html">Shop</a></li>                          
<li><a href="contact.html">Contact </a></li>                       
<li><a href="links.html">Links</a></strong></li>
</ul>
</div>
</div>
</div>

<div id="wrapper">
<div class="wrapper_leftpanel">
<div id="navi_drop">
<ul >
<li><a href="index.html">HOME</a></li>                          
<li><a href="about.html">ABOUT</a></li>                      
<li><a href="donate.html">DONATE</a></li>                      
<li><a href="volunteer.html">VOLUNTEER</a></li>                      
<li><a href="shop.html">SHOP</a></li>                          
<li><a href="contact.html">CONTACT</a></li>                       
<li><a href="links.html">LINKS</a></li>
</ul>
</div>
</div>
</div>

<div id="footer">
<div class="footer">
<ul style="text-align:right;">
<li><a href="index.html">Home</a></li>   
<li><a href="about.html">About</a></li>
<li><a href="donate.html">Donate</a></li>      
<li><a href="volunteer.html">Volunteer</a></li>       
<li><a href="shop.html">Shop</a></li>     
<li><a href="contact.html">Contact</a></li>        
<li><a href="links.html">Links</a></li>
</ul>
</div>
</body>
</html>
4

0 に答える 0