ie6 ie7 css 兼容性问题 15
刚学Css做了个东西但是ie6和ie7显示完全不同大家帮忙改改哈！不胜感激！！！css文件body{background-image:url(img/sub/backgr...
刚学Css 做了个东西 但是ie6 和 ie7 显示完全不同 大家帮忙改改哈！ 不胜感激！！！
css文件
body {
background-image: url(img/sub/background.gif);
background-repeat: repeat-x;
font-family: "微软雅黑", "华文细黑", "黑体", Arial, sans-serif;
}
#wrap{
width:1055px;
margin-left:auto;
margin-right:auto;
}
#left{
margin-right:300px;
padding:0;
margin-top:0px;
}
#left-top{
margin-bottom:-16px;
margin-top:0px;
padding-top:20px;
height: 142px;
}
#left-mid{
margin-bottom:-16px;
margin-top:-16px;
margin-left:4px;
padding-left:15px;
padding-right:15px;
padding-bottom:4px;
padding-top:15px;
width:678px;
background-color:#FFFFFF;
}
#left-bottom{
margin-left:-1px;
margin-bottom:-16px;
margin-top:-16px;
height: 27px;
}
#right{
float:right;
width:430;
}
#right-top{
margin-bottom:-16px;
margin-top:0px;
height: 212px;
}
#right-mid{
margin-bottom:-16px;
margin-top:-16px;
padding-left:15px;
padding-right:15px;
padding-bottom:4px;
padding-top:0px;
margin-left:9px;
width:244px;
background-color:#00c809;
text-align:center;
}
#right-bottom{
margin-bottom:-16px;
margin-top:-16px;
height: 72px;
}
#right-mid a{
color:#FFFFFF;
font-size:24px;
}
html 代码
<!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" />
<link type="text/css" rel="stylesheet" href="index.css" />
<title>"全国大学生软件创新大赛"</title>
</head>
<body>
<div id="wrap">
<div id="header">
<img src="img/home/header.gif" alt=" " width="1058" height="167" border="0" usemap="#Map" />
<map name="Map" id="Map1">
<area shape="rect" coords="59,118,174,167" href="#" alt=" " />
<area shape="rect" coords="187,118,298,167" href="#" alt=" " />
<area shape="rect" coords="304,117,417,167" href="#" alt=" " />
<area shape="rect" coords="429,119,539,168" href="#" alt=" " />
<area shape="rect" coords="556,117,669,169" href="#" alt=" " />
<area shape="rect" coords="681,115,798,167" href="#" alt=" " />
<area shape="rect" coords="929,117,1041,167" href="#" alt=" " />
<area shape="rect" coords="803,118,918,167" href="#" alt=" " />
</map>
</div>
<div id="right">
<div id="right-top">
<p>
<img src="img/home/right_mid.gif" alt=" " />
</p>
</div>
<div id="right-mid">
<p>
aaa
</p>
</div>
<div id="right-bottom">
<p><img src="img/home/right_buttom.gif" alt=" " /></p>
</div>
</div>
<div id="left">
<div id="left-top">
<p><img src="img/home/left_mid.gif" alt=" " /></p>
</div>
<div id="left-mid">
<p> aa
</p>
</div>
<div id="left-bottom">
<p><img src="img/home/left_buttom.gif" alt=" " /></p>
</div>
</div>
</div>
</body>
</html> 展开
css文件
body {
background-image: url(img/sub/background.gif);
background-repeat: repeat-x;
font-family: "微软雅黑", "华文细黑", "黑体", Arial, sans-serif;
}
#wrap{
width:1055px;
margin-left:auto;
margin-right:auto;
}
#left{
margin-right:300px;
padding:0;
margin-top:0px;
}
#left-top{
margin-bottom:-16px;
margin-top:0px;
padding-top:20px;
height: 142px;
}
#left-mid{
margin-bottom:-16px;
margin-top:-16px;
margin-left:4px;
padding-left:15px;
padding-right:15px;
padding-bottom:4px;
padding-top:15px;
width:678px;
background-color:#FFFFFF;
}
#left-bottom{
margin-left:-1px;
margin-bottom:-16px;
margin-top:-16px;
height: 27px;
}
#right{
float:right;
width:430;
}
#right-top{
margin-bottom:-16px;
margin-top:0px;
height: 212px;
}
#right-mid{
margin-bottom:-16px;
margin-top:-16px;
padding-left:15px;
padding-right:15px;
padding-bottom:4px;
padding-top:0px;
margin-left:9px;
width:244px;
background-color:#00c809;
text-align:center;
}
#right-bottom{
margin-bottom:-16px;
margin-top:-16px;
height: 72px;
}
#right-mid a{
color:#FFFFFF;
font-size:24px;
}
html 代码
<!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" />
<link type="text/css" rel="stylesheet" href="index.css" />
<title>"全国大学生软件创新大赛"</title>
</head>
<body>
<div id="wrap">
<div id="header">
<img src="img/home/header.gif" alt=" " width="1058" height="167" border="0" usemap="#Map" />
<map name="Map" id="Map1">
<area shape="rect" coords="59,118,174,167" href="#" alt=" " />
<area shape="rect" coords="187,118,298,167" href="#" alt=" " />
<area shape="rect" coords="304,117,417,167" href="#" alt=" " />
<area shape="rect" coords="429,119,539,168" href="#" alt=" " />
<area shape="rect" coords="556,117,669,169" href="#" alt=" " />
<area shape="rect" coords="681,115,798,167" href="#" alt=" " />
<area shape="rect" coords="929,117,1041,167" href="#" alt=" " />
<area shape="rect" coords="803,118,918,167" href="#" alt=" " />
</map>
</div>
<div id="right">
<div id="right-top">
<p>
<img src="img/home/right_mid.gif" alt=" " />
</p>
</div>
<div id="right-mid">
<p>
aaa
</p>
</div>
<div id="right-bottom">
<p><img src="img/home/right_buttom.gif" alt=" " /></p>
</div>
</div>
<div id="left">
<div id="left-top">
<p><img src="img/home/left_mid.gif" alt=" " /></p>
</div>
<div id="left-mid">
<p> aa
</p>
</div>
<div id="left-bottom">
<p><img src="img/home/left_buttom.gif" alt=" " /></p>
</div>
</div>
</div>
</body>
</html> 展开
4个回答
展开全部
在凡是有 margin-left 属性的样式里 加一句 display:inline;
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用了Map？ 还是在Dw下自己解决下吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
解决办法：给你的这几个DIV加上宽度，
#right-top, #right-mid, #right-bottom { width:430px; }
当遇到这种问题时，推荐使用IE Developer Toolbar,可以查看每一个页面元素的现实状况。
#right-top, #right-mid, #right-bottom { width:430px; }
当遇到这种问题时，推荐使用IE Developer Toolbar,可以查看每一个页面元素的现实状况。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
查查ie6与ie7的不同之处 然后自己先试着改一下 我想靠你自己一定能搞出来的 呵呵
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
