DIV ul li 在IE和火狐两浏览器下显示效果不一样
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文字导航条</title>
<style type="text/css">
#content{
list-style-type:none;
padding:0px;
margin:0 auto;
width:80%;
font-size:12px;
white-space:nowrap;
}
#content li{
float:left;
width:15%;
margin:0;
padding:0;
}
#content li a{
display:block;
width:100%;
padding:8px;
border-width:1px;
border-style:solid;
color:#777;
text-decoration:none;
background-color:#f7f2ea;
text-align:center;
}
</style>
</head>
<body>
<div>
<ul id="content">
<li><a href="#">首页</li>
<li><a href="#">文章</li>
<li><a href="#">微博</li>
<li><a href="#">相册</li>
<li><a href="#">关于</li>
</ul>
</div>
</body>
</html>
以上是详细代码，IE和火狐的显示效果如下，麻烦各位帮我修改一下，让两个浏览器显示样式一样。 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文字导航条</title>
<style type="text/css">
#content{
list-style-type:none;
padding:0px;
margin:0 auto;
width:80%;
font-size:12px;
white-space:nowrap;
}
#content li{
float:left;
width:15%;
margin:0;
padding:0;
}
#content li a{
display:block;
width:100%;
padding:8px;
border-width:1px;
border-style:solid;
color:#777;
text-decoration:none;
background-color:#f7f2ea;
text-align:center;
}
</style>
</head>
<body>
<div>
<ul id="content">
<li><a href="#">首页</li>
<li><a href="#">文章</li>
<li><a href="#">微博</li>
<li><a href="#">相册</li>
<li><a href="#">关于</li>
</ul>
</div>
</body>
</html>
以上是详细代码，IE和火狐的显示效果如下，麻烦各位帮我修改一下，让两个浏览器显示样式一样。 展开
4个回答
展开全部
你的导航栏里的a没有结束标签: </a> 加上之后IE跟火狐就一样了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
尊敬的用户，您好！很高兴为您答疑。
走读了一下您的代码发现您的<a>标签没有正确关闭，因此导致了您的页面跨浏览器显示异常，请您加上关闭标签</a>后再行尝试。
希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。
走读了一下您的代码发现您的<a>标签没有正确关闭，因此导致了您的页面跨浏览器显示异常，请您加上关闭标签</a>后再行尝试。
希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
导航栏里的a没有结束标签
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用瑞影浏览器试试看这个效果有没有好点,速度快,内存小,功能多,到百度搜瑞影浏览器就可以,具体功能下了自己试就知道
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
