1

水平CSSメニューに問題があります。問題またはバグは、Internet ExplorerとFirefoxでは、ロゴと一直線に並んでおらず、半空間のようになっていることです。並べられないようです。SafariとChromeではまっすぐに並んでいます。さらに、IEでは、ロゴとメニューの間に余分なギャップがあり、メニューをロゴに向かって移動します。他のブラウザでは移動せず、そのままです。

これが私のHTMLです：

<div id="center" style="  
<a href="index.php"><img src="image/New.png" alt="" width="300" height="60"/></a>
<ul id="minitabs">
<li><a href="home.php"><u>Home</u></a></li>
<li><a href="news.php"><u>News</u></a></li>
<li><a href="contact.php"><u>Contact</u></a></li> 
</ul> 
</div>

これが私のCSSです

 .center {margin-left:0px;
          margin-right:0px;
          margin-top:0px;
          margin-bottom:0px;}

  ul#minitabs{list-style: none;margin: -25px 46px 0px 0px; padding: 0px 0px 0px 0px;
              border-bottom: 0px solid #CCC;font-weight: regular;
              font-family:Times New Roman; font-size: 14px;text-align: right;}
  ul#minitabs li{display: inline; border-bottom: 1px;
              margin: 0px 0px 0px 0px; padding: 1px 5px 0px 5px;}
  ul#minitabs a{text-decoration:none; padding: 0px 0px 0px 0px; 
                border-bottom: 0px solid #FFF;color: #000000;}
  ul#minitabs a#current{border-color: #F60;color: #000000;}
  ul#minitabs a:hover{text-decoration:underline; text-color: #999999;}

これまでのところ、これに対する解決策を見つけることができません。このバグを管理する方法を学ぶことができるように説明をいただければ幸いです。例もそうするので、このバグを修正する方法を学ぶことができます。

ありがとう

4

2 に答える 2

1

ブラウザは境界線のフォーマットを変えていると思います。メニューをdiv内に配置してみてください。

<div style="height: 60px; overflow:hidden;">
于 2012-06-21T21:42:32.307 に答える
1

ロゴの横または下にナビゲーションを配置しようとしていますか？あなたがそれを隣に置くなら、私は解決策を見つけました。これを行う：

HTML：

<div id="center">  
<a href="index.php"><img src="image/New.png" alt="" width="300" height="60"/></a>
<ul id="minitabs">
<li><a href="home.php"><u>Home</u></a></li>
    <li>&nbsp<a href="news.php"><u>News</u></a></li>
    <li>&nbsp<a href="contact.php"><u>Contact</u></a></li> 
</ul> 
</div>

CSS：

img {float:left;}
li { float:left; margin-top: /*amount you want to move nav down*/;}​​​​​​​​​​​​​​​​​​​​​​​​​​​

それ以外の場合は、ロゴの下に配置する場合は、CSSをこれに変更してください

li { float:left; margin-left: /*amount you want to move nav right*/;}​

</ p>

于 2012-06-21T21:43:26.380 に答える