css布局的导航栏在IE8和火狐浏览器中,显示效果不一样,IE中每个项目之间没有间隙,而火狐中确有见下图:

发布网友 发布时间:2022-04-21 00:38

我来回答

3个回答

热心网友 时间:2023-10-29 06:48

ie、ff兼容,仅提供#menu代码:

<style>
* { margin:0; padding:0;}
html { background-color:#000; color:red; font-family:"新宋体";}
div#menu { width:960px; margin:0 auto;}
a { color:#0CF; font-size:14px;}
div#menu li { line-height:20px; height:20px;}
</style>
</head>
<body>
<div id="menu">
     <ul>
         <li><a href="#">首页</a></li>
         <li><a href="#">公司介绍</a></li>
         <li><a href="#">产品展示</a></li>
         <li><a href="#">资料下载</a></li>
         <li><a href="#">联系我们</a></li>
     </ul>
</div>
</body>
</html>

mune下的LI标签需要定义高度和文本行高,这样才能使其在各浏览器中的高度保持一致!

追问定义了行高,文本行高,火狐和IE的还是不一样。
你在我的那个代码上插入行高和文本高,就只到了。

追答我贴的代码放入新建html页面内看效果!

* { margin:0; padding:0;} 加上! ul/li/dl/dt/dd ....这些默认有padding属性值,不设定会有默认属性导致高度不一致。

你写的太乱,看了头疼。

新建html页面内看效果!

热心网友 时间:2023-10-29 06:49

我倒是没看出来什么空隙,不过我发现你的代码有几处错误

你的html没有申明文档类型,过渡型也好,严格型也好,或者html5的<!DOCTYPE html>也好,总之一定要声明一下,不然浏览器进入了怪异模式,很多错误就没办法解释清楚了

你<mate http-equiv="Content-type" content="text/html;charset:utf-8"/>这里写错了2个地方,正确的是<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />,因为GB2312的1个汉字占2个字,utf-8的一个汉字占3个字符,所以符编码没有写对也有可能会导致你说的问题

还有就是css里 font-famliy:新宋体;你又拼写错误了 font-family:"宋体";


建议:用一个代码高亮的编辑器,还有写代码要细心一点:)

追问刚开始学,有的地方写错了,多谢指出,非常感谢!!~~~~~~~~~~

热心网友 时间:2023-10-29 06:49

  您好!很高兴为您答疑!

  火狐下您可以安装Firebug检查下页面代码,错误部分会自动提示。
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com