关于CSS在IE6和IE7中显示问题。

swcsoft 2010-04-21 07:54:17
<!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=gb2312" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<title>ddddddddd</title>
<style type="text/css">
<!--
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
}
-->
</style></head>

<body>
<script type="text/javascript">


var menuids=["suckertree1"]

function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
}
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)

</script>
<table width="207" height="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="206" valign="top"><table width="206" height="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" background="images/index_01.jpg"><table width="206" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="57" colspan="2"> </td>
</tr>
<tr>
<td colspan="2"><div align="center"><img src="images/index_05.jpg" width="160" height="29" /></div></td>
</tr>
<tr>
<td height="76" colspan="2"> </td>
</tr>
<tr>
<td width="35"> </td>
<td width="170"><div class="suckerdiv">
<ul id="suckertree1">
<li><a href="main.asp" target="mainFrame">首    页</a></li>
<li><a href="#">关于我们</a>
<ul>
<li><a href="Group.asp" target="mainFrame">集团介绍</a></li>
<li><a href="fence.asp" target="mainFrame">护栏网介绍</a></li>
</ul>
</li>
<li><a href="news/default.asp" target="mainFrame">新闻活动</a></li>
<li><a href="case.asp" target="mainFrame">应用案例</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">产品展示</a>
<ul>
<li><a href="lxw.asp" target="mainFrame">菱 形 网</a></li>
<li><a href="#">轧 花 网</a></li>
</ul>
</li>
<li><a href="service.asp" target="mainFrame">为您服务</a></li>
<li><a href="job.asp" target="mainFrame">工作机会</a></li>
<li><a href="contact.asp" target="mainFrame">联系我们</a></li>
</ul>
</div></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table></td>
</tr>
</table></td>
<td width="1" background="images/index_02.jpg"><img src="images/index_02.jpg" width="1" height="700" /></td>
</tr>
</table>
</body>
</html>


.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 80px; /* Width of Menu Items */
border-bottom: 1px ;
}

.suckerdiv ul li{
position: relative;
}

/*1st level sub menu style */
.suckerdiv ul li ul{
left: 79px; /* Parent menu width - 1*/
position: absolute;
width: 110px; /*sub menu width*/
top: 0;
display: none;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{
left: 159px; /* Parent menu width - 1*/
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: #fff;
text-decoration: none;
font:12px 宋体;

padding: 5px 5px;
border: 1px ;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: #fff;
}

.suckerdiv ul li a:hover{
color: #F16623;

}

.suckerdiv .subfolderstyle{
background: url(../images/arrow-list.gif) no-repeat center right;
}


/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */





为什么我在IE6中显示的都正常,到是IE7中的时候,鼠标明明在二级菜单上,可它认为我移出去了,导致了我的二级菜单无法点击。各位高手,有能解决的帮看一下,谢谢了。
...全文
174 点赞 收藏 4
写回复
4 条回复
swcsoft 2010年04月22日
感谢二楼,不过还没有解决。
回复 点赞
wgale025 2010年04月22日

<!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>
<title> new document </title>
<style type="text/css">
html,body{text-align:center;}
#Container{border:1px solid #ff0000; background-color:#00ff00; margin:0 auto; width:760px;}
</style>
</head>

<body>
<div id="Container">看看居中不</div>
</body>
</html>


这个,IE6,7,8下面都居中了。Firefox,chrome,opera都没问题,全部居中。
回复 点赞
wl_zero 2010年04月21日
路过,学习,帮顶
回复 点赞
mengxj85 2010年04月21日
ul li 在IE6和IE7中兼容性有问题
以前我们美工帮我这个样子调,后来是好的,楼主可以参考一下
.dynamicTree li, ul
{
list-style-type: none;
margin-left: 0;
font-size: 12px;
vertical-align:middle;
/*margin: -5px 0 0 0;*/
border-spacing: 0;
border-width: 0;
white-space:nowrap;
}
.dynamicTree li
{
margin: -5px 0 0 0;
}
.dynamicTree a
{
white-space:nowrap;
}
回复 点赞
发动态
发帖子
CSS
创建于2007-09-28

3.1w+

社区成员

6.0w+

社区内容

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区公告
暂无公告