以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 XSL/XSLT/XSL-FO/CSS 』  (http://bbs.xml.org.cn/list.asp?boardid=8)
----  [求助][css]导航栏在Opera中比IE 或 Firefox 中高一个px  (http://bbs.xml.org.cn/dispbbs.asp?boardid=8&rootid=&id=38267)


--  作者:ls0060
--  发布时间:9/25/2006 1:28:00 PM

--  [求助][css]导航栏在Opera中比IE 或 Firefox 中高一个px
非常奇怪, 导航栏在IE中和FireFox里都是正常的, 但在Opera 里却高一个像素.
--  作者:ls0060
--  发布时间:9/25/2006 3:49:00 PM

--  
不好意思, 编辑时出错, 就发到回复里来了.

这是HTML源码:
<div id="top_r_b">
 <ul>
  <li>
   <a title="首页" href="./index.xhtml">首页</a>
  </li>
  <li>
   <a title="业务服务" href="./service.xhtml">业务服务</a>
  </li>
  <li>
   <a title="营业产品" href="./product.xhtml">营业产品</a>
  </li>
  <li>
   <a title="技术支持" href="./support.xhtml">技术支持</a>
  </li>
  <li>
   <a title="诚聘英才" href="./hr.xhtml">诚聘英才</a>
  </li>
  <li>
   <a title="关于我们" href="./about.xhtml">关于我们</a>
  </li>
 </ul>
</div>

下面是CSS源码:
#top_r_b{
 float:left;
 width:100%;
 height:25px;
 color:white;
 background:url(trb_mn.jpg) #636363 repeat-y right top;
}
#top_r_b ul{
 list-style-type:none;
 clear:left;
 display:inline;
}
#top_r_b li{
 float:left;
 border-left:#FFF 1px solid;
 width:80px;
 text-align:center;
 line-height: 25px;
}
#top_r_b li a{
 display: block;
 width:100%;
 height: 100%;
 color:#FFFFFF;
 text-decoration:none;
 background-color:#636363;
}
#top_r_b li a:hover{
 font-weight:bold;
 color:white;
 background-color:#006600;
}

下面是IE和FF里的导航栏:
按此在新窗口浏览图片

下面是Opera里的导航栏:
按此在新窗口浏览图片


--  作者:ls0060
--  发布时间:9/28/2006 11:48:00 AM

--  
新发现, 在opera里汉字比英文字母高一个, 下面的图片是在opera里的, 那个support明显高度不够

按此在新窗口浏览图片

大虾们帮帮忙吧!


--  作者:Qr
--  发布时间:9/28/2006 1:21:00 PM

--  
不同的浏览器对CSS的支持不同,出现这种情况也不足为奇,IE里也碰到过。最简单的解决办法:support用全角:)
--  作者:ls0060
--  发布时间:9/28/2006 3:02:00 PM

--  
感谢斑竹大人!
全角真难看啊. 并且其实那个高度比较小的才是我真正想要的.
幸亏像我这样喜欢用Opera的不多, 呵呵. 不过自己看着很不舒服.


W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
86.914ms