div下的ul标签，在IE和火狐浏览位置不同
页面代码是这样的
====================================================
<body>
<div class="box">
<div class="top">
<div class="top-1">
<a href="#" class="dh">首页</a>
<a href="#" class="dh">设为首页</a>
<a href="#" class="dh">加入收藏</a>
</div><!--top1结束-->
<div class="top-2">
<div class="logo"></div>
<div class="banner"></div>
</div><!--top2结束-->
<div class="top-3">
<div class="left"></div>
<div class="center">
<ul>
<li><a href="#" class="dh">供应信息</a></li>
<li>|</li>
<li><a href="#" class="dh">求购信息</a></li>
<li>|</li>
<li><a href="#" class="dh">网上报价</a></li>
<li>|</li>
<li><a href="#" class="dh">品牌展示</a></li>
<li>|</li>
<li><a href="#" class="dh">网址分类</a></li>
<li>|</li>
<li><a href="#" class="dh">专家课堂</a></li>
<li>|</li>
<li><a href="#" class="dh">行业新闻</a></li>
<li>|</li>
<li><a href="#" class="dh">招聘信息</a></li>
<li>|</li>
<li><a href="#" class="dh">求职信息</a></li>
<li>|</li>
<li><a href="#" class="dh">弱电贴吧</a></li>
</ul>
</div>
<div class="right"></div>
</div><!--top-3结束-->
</div><!--头部结束-->
</div><!--整体结束-->
</body>
css是这么写的
=================================================
.box{ width:1003px; margin:0 auto;}
.top{ width:1003px; height:190px;}
.top-3{ width:1003px; height:38px; margin-top:2px;}
top-3 ,.left{width:88px; height:38px; background-image:url(images/-1_r4_c1.jpg);float:left;}
top-3 ,.center{ width:820px; height:38px; background-image:url(images/-1_r4_c2.jpg);float:left; line-height:24px; text-align:center;}
top-3 ,.right{width:95px; height:38px; background-image:url(images/-1_r4_c7.jpg);float:left;}
ul li{ color:#FFFFFF; font-size:12px; font-weight:bold; float:left; margin-left:8px; list-style-type:none;}
问题是这样的
center下的div里的列表内容在IE下显示在div的上端，在火狐下是显示在中下端，而且左右位置也不太一样，大家给瞧瞧是什么毛病？
====================================================
<body>
<div class="box">
<div class="top">
<div class="top-1">
<a href="#" class="dh">首页</a>
<a href="#" class="dh">设为首页</a>
<a href="#" class="dh">加入收藏</a>
</div><!--top1结束-->
<div class="top-2">
<div class="logo"></div>
<div class="banner"></div>
</div><!--top2结束-->
<div class="top-3">
<div class="left"></div>
<div class="center">
<ul>
<li><a href="#" class="dh">供应信息</a></li>
<li>|</li>
<li><a href="#" class="dh">求购信息</a></li>
<li>|</li>
<li><a href="#" class="dh">网上报价</a></li>
<li>|</li>
<li><a href="#" class="dh">品牌展示</a></li>
<li>|</li>
<li><a href="#" class="dh">网址分类</a></li>
<li>|</li>
<li><a href="#" class="dh">专家课堂</a></li>
<li>|</li>
<li><a href="#" class="dh">行业新闻</a></li>
<li>|</li>
<li><a href="#" class="dh">招聘信息</a></li>
<li>|</li>
<li><a href="#" class="dh">求职信息</a></li>
<li>|</li>
<li><a href="#" class="dh">弱电贴吧</a></li>
</ul>
</div>
<div class="right"></div>
</div><!--top-3结束-->
</div><!--头部结束-->
</div><!--整体结束-->
</body>
css是这么写的
=================================================
.box{ width:1003px; margin:0 auto;}
.top{ width:1003px; height:190px;}
.top-3{ width:1003px; height:38px; margin-top:2px;}
top-3 ,.left{width:88px; height:38px; background-image:url(images/-1_r4_c1.jpg);float:left;}
top-3 ,.center{ width:820px; height:38px; background-image:url(images/-1_r4_c2.jpg);float:left; line-height:24px; text-align:center;}
top-3 ,.right{width:95px; height:38px; background-image:url(images/-1_r4_c7.jpg);float:left;}
ul li{ color:#FFFFFF; font-size:12px; font-weight:bold; float:left; margin-left:8px; list-style-type:none;}
问题是这样的
center下的div里的列表内容在IE下显示在div的上端，在火狐下是显示在中下端，而且左右位置也不太一样，大家给瞧瞧是什么毛病？
2010-03-19 LIUHANXU860311
发布
-
楼主，您好
IE和火狐的解析方式不一样
你可以查看一下解析之后的HTML代码
肯定会发现高度不一样
这是浏览器本身的问题，不是程序的问题
你可以给IE和火狐各写一个CSS，这样就不会有问题了
希望我的回答对你有所帮助，O(∩_∩)O~2010-03-20 | 添加评论 | 打赏
◆◆
更多 相似问题
精华知识
评论读取中....