61,129
社区成员
发帖
与我相关
我的任务
分享关于CSS在IE6和IE7中显示问题。
<!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中的时候，鼠标明明在二级菜单上，可它认为我移出去了，导致了我的二级菜单无法点击。各位高手，有能解决的帮看一下，谢谢了。
...全文
请发表友善的回复…
发表回复
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;
}
以前我们美工帮我这个样子调，后来是好的，楼主可以参考一下
.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;
}
