[WEB2.0] 又是IE和firefox间的有关问题,估计是IE的有关问题.但还是不知道应该怎么处理
日期：2014-05-17 浏览次数：20568 次
[WEB2.0] 又是IE和firefox间的问题,估计是IE的问题.但还是不知道应该怎么办?
以下是我的代码:
CSS代码:
#logo a{
float:left;
margin: 0;
padding: 0;
}
#toplink{
float: left;
margin: 50px 0 0 415px; /* 这里 IE6 设置成415PX 正好,但firefox 要设置成 615px */
/* margin: 50px 0 0 615px !important; */
padding: 0;
}
#toplink ul{
margin: 0;
padding: 0;
list-style: none;
}
#toplink li{
float: left;
list-style: none;
border: none;
border-left: 1px solid #fff;
margin: 0;
padding: 0 12px;
}
#toplink li.up{
border: none;
}
#toplink a{
font-size: 110%;
text-decoration: none;
color: #fff;
margin: 0;
padding: 0;
}
HTML代码:
<div id="logo">
<a href="./"><img src="img/logo.gif" alt="LOGO"/></a>
<ul id="toplink">
<li class="up"><a href="#">首页</a></li>
<li><a href="#">登录</a></li>
<li><a href="#">注册</a></li>
</ul>
</div>
各位高手我的CSS错误在哪里? 有什么办法么?
------解决方案--------------------
以下是我的代码:
CSS代码:
#logo a{
float:left;
margin: 0;
padding: 0;
}
#toplink{
float: left;
margin: 50px 0 0 415px; /* 这里 IE6 设置成415PX 正好,但firefox 要设置成 615px */
/* margin: 50px 0 0 615px !important; */
padding: 0;
}
#toplink ul{
margin: 0;
padding: 0;
list-style: none;
}
#toplink li{
float: left;
list-style: none;
border: none;
border-left: 1px solid #fff;
margin: 0;
padding: 0 12px;
}
#toplink li.up{
border: none;
}
#toplink a{
font-size: 110%;
text-decoration: none;
color: #fff;
margin: 0;
padding: 0;
}
HTML代码:
<div id="logo">
<a href="./"><img src="img/logo.gif" alt="LOGO"/></a>
<ul id="toplink">
<li class="up"><a href="#">首页</a></li>
<li><a href="#">登录</a></li>
<li><a href="#">注册</a></li>
</ul>
</div>
各位高手我的CSS错误在哪里? 有什么办法么?
------解决方案--------------------
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="Doyoe(飘零雾雨), edzmaster@gmail.com" />
<title>test</title>
<style type="text/css">
#logo {
width:600px;
background:#aaa;
overflow:hidden;
}
#logo a {
float:left;
margin:0;
padding:0;
}
#toplink {
float:right;
margin:50px 0 0 0;
padding:0;
list-style:none;
}
#toplink li {
float:left;
border-left:1px solid #fff;
margin:0;
padding:0 12px;
}
#toplink li.up {
border:none;
}
#toplink a {
font:12px/120% "宋体";
text-decoration:none;
color:#fff;
}
</style>
</head>
<body>
<div id="logo">
<a href="./"><img src="img/logo.gif" alt="LOGO" /></a>
<ul id="toplink">
<li class="up"><a href="#">首页</a></li>
<li><a href="#">登录</a></li>
<li><a href="#">注册</a></li>
</ul>
</div>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
