Question

css与浏览器兼容性问题？

我的网站头部文件一开始显示都正常的，可我安装了google工具栏后显示就不正常了，如图（http://www.rdb2b.com）：
css如下：
<STYLE>
.m .nav {width:742px; margin:10px auto;}
.m .nav li{float:left; margin-top:5px;}
.m .nav li a{ font-size:12px; margin-left:10px; color:#000;}
.m .nav li a:hover{ font-size:12px; margin-left:10px; color:#F30;}
.m .nav li a.red{ font-size:12px; margin-left:10px; color:#F30;}

.nmenuline{width:925px;height:26px;float:right;}
.nmenulineleft{float:left;width:162px;height:26px;}
.nmenulinelist{float:right;width:763px;height:25px;border-top:solid #75A3DF 1px;background:#A8C9EC;color:#0747FE;}
.nmenulinelist li{float:left;height:25px;line-height:25px;padding:0 9px 0 9px; font-size:12px;}
</STYLE>

注意：nav是头部的导航 nmenulinelist是“在线投稿 向专家提问 ^^^^^ ”等快速接口。 我知道应该是css里面出了问题 但是不知道具体的是什么问题 希望知道的朋友能帮忙解决下
<div class="m">
<div class="f_l logo">

<a title="弱电工程商贸网" href="/"><img src="/skin/default/image/logo.gif" alt="弱电工程商贸网"/></a>

</div>
<ul class="f_r nav">
<li><a href="/news/"><b>技术中心</b></a> <A href="/news/608.html">技术文献</A> ……</li>
<li><a href="/know/"><b>知识问答</b></a> <a href="/know/654.html" class="red">技术故障</a> …… </li>
<li><a href="/company/"><b>企业名录</b></a> <a href="/sell/">产品供应</a> ……</li>
<li><a href="/"><b>特色服务</b></a> <a href="/job/">人才招聘</a> ……</li>
</ul>

<div class="nmenuline">
<div class="nmenulineleft"><A href="/announce/10.html"><img src="/skin/default/image/top-biaoqian.jpg" alt="VIP会员火热招募中"/></A></div>
<div class="nmenulinelist">
<ul>
<li><a href="/member/my.php?mid=21&action=add">在线投稿</a></li>
<li><a href="/member/my.php?mid=10&action=add">向专家提问</a></li>
……
</ul>
</div>
</div>

Answer 1

用firefox看了一下你的布局，整体来说布局太乱了，我也不多说了，就针对你出问题的地方提点建议好了
给你个建议把，你现在“技术中心、知识问答、企业名录、特色服务”4块是分别做在li里面的，因为浏览器兼容性的问题，建议你还是换成div；里面的内容再用li做倒是没关系
你这里换行的原因我认为应该是链接文字之间间距太大的缘故，我查了下你的样式，你把样式表第33行.m .nav li a{margin-left:10px}改小一点，比如改成margin-left:5px
一个页面出错原因一般可能不会是一个，总体布局的不合理更容易造成页面出错
我帮你把这一块稍微修改一下好了
<div class="f_r nav">
<div><a href="/news/"><b>技术中心</b></a> <a href="/news/608.html">技术文献</a> <a href="/news/609.html">标准</a> <a href="/news/610.html">解决方案</a> <a href="/news/611.html">百科</a> <a href="/news/612.html">行业资讯</a> <a href="/news/613.html">人物</a></div>
<div><a href="/know/"><b>知识问答</b></a> <a class="red" href="/know/654.html">技术故障</a> <a href="/know/665.html">工程案例</a> <a href="/know/676.html">企业公司</a> <a href="/know/681.html">其它相关</a> <a href="http://www.gcyouxin.com">营销</a></div>
<div><a href="/company/"><b>企业名录</b></a> <a href="/sell/">产品供应</a> <a href="/buy/">购买</a> <a href="/quote/">行情报价</a> <a href="/exhibit/">展会</a> <a href="/zhaobiao/">弱电招标</a> <a href="/brand/">招商</a></div>
<div><a href="/"><b>特色服务</b></a> <a href="/job/">人才招聘</a> <a href="/down/">资料下载</a> <a href="/">网站制作</a> <a href="/">网站优化</a> <a href="/special/">专题</a> </div>
</div>

样式修改：
.m .nav li a改为.m .nav a并且加一个样式white-space:nowrap
有必要的话把里面的div设定一下固定宽度

Answer 2

就只有样式是看不出来哪有问题。你得把你的DIV布局代码都贴出来啊

Answer 3

把div也贴出来吧

Answer 4

看不出来有什么问题