ie 6下页面错了，第一次调兼容性，这要如何弄呢
日期：2014-05-16 浏览次数：20613 次
ie 6下页面错了，第一次调兼容性，这要怎么弄呢
网页代码：
<!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" />
<title>1225</title>
<style type="text/css">
body{margin:0 auto; padding:0; font-size:12px; font-family:"宋体";background:#470101 url(imgs/bg.jpg) no-repeat center top;}
h1,h2,h3,ul,li,img,p,button,span,div{margin:0;padding:0; list-style:none; border:none;}
img{display:block;}
.clear{clear:both;}
/*主体部分开始*/
.wrapper{width:950px; margin:0 auto;}
button{width:98px; height:24px;background:url(imgs/14.png) no-repeat; color:#fff; font-size:12px;margin-top:11px;}
.dianzhao{margin:0 auto; height:121px;}
.dianzhao img{ width:950px; height:121px;}
.nav{height:29px;line-height:29px; width:950px;color:#fff; background:url(imgs/55.jpg) repeat-x; }
.nav ul{padding-left:29px; font-size:15px;}
.nav ul li{float:left; margin-left:18px;}
.nav ul li span{display:inline-block; padding-left:18px;}
.wid950{width:950px; margin:0 auto;}
.wid950 img{width:950px; height:200px;}
/*第一部分*/
.content-one{width:950px; height:412px;background:url(imgs/8.jpg) no-repeat;}
.content-one ul{padding-top:12px; margin-left:85px; position:relative;}
.content-one ul li{float:left; width:254px; margin-right:24px;}
.content-one ul li img{width:254px; height:254px; border:1px solid #cccccc;}
.content-one ul li img.hot{ width:57px; height:57px;position:absolute;left:754px;top:12px;}
.content-one ul li p{margin-top:11px;height:20px; line-height:20px; text-align:center; color:#cf1b06; font-size:20px; }
.content-one ul li p.spec{margin-top:4px; height:12px; line-height:12px; text-align:center; font-size:12px; color:#6c6a69; font-weight:bold;}
.content-one ul li span{display:inline-block; color:#c41704; font-size:20px;margin-top:12px;padding-left:45px;}
/*第二部分*/
.content-two{width:950px; margin:0 auto;}
.content-two .top{width:950px; height:67px; background:url(imgs/18.jpg) no-repeat;}
.content-two ul{width:888px; height:577px; background:url(imgs/17.jpg) no-repeat; padding-top:33px; padding-left:62px;}
.content-two ul li{float:left;width:191px; height:196px; border:1px solid #ffc9ca; margin-right:80px;margin-bottom:80px;padding:10px 10px 2px 23px;position:relative;}
.content-two ul li img{width:74px; height:194px; float:right;}
.content-two ul li img.maozi{width:83px; height:46px; position:relative;left:-151px; top:-236px;}
.content-two ul li img.spec{width:111px; height:45px; float:left;}
.content-two ul li h2{padding-top:16px;font-size:16px; color:#389900;}
.content-two ul li span{display:inline-block;padding-top:47px; font-size:14px; color:#ccc;}
.content-two ul li span.te{font-size:20px; color:#e11200; padding-top:5px;}
.content-two ul li button{padding:0; margin:0;}
.content-two ul li .dibu{width:273px; height:30px;&n
网页代码：
<!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" />
<title>1225</title>
<style type="text/css">
body{margin:0 auto; padding:0; font-size:12px; font-family:"宋体";background:#470101 url(imgs/bg.jpg) no-repeat center top;}
h1,h2,h3,ul,li,img,p,button,span,div{margin:0;padding:0; list-style:none; border:none;}
img{display:block;}
.clear{clear:both;}
/*主体部分开始*/
.wrapper{width:950px; margin:0 auto;}
button{width:98px; height:24px;background:url(imgs/14.png) no-repeat; color:#fff; font-size:12px;margin-top:11px;}
.dianzhao{margin:0 auto; height:121px;}
.dianzhao img{ width:950px; height:121px;}
.nav{height:29px;line-height:29px; width:950px;color:#fff; background:url(imgs/55.jpg) repeat-x; }
.nav ul{padding-left:29px; font-size:15px;}
.nav ul li{float:left; margin-left:18px;}
.nav ul li span{display:inline-block; padding-left:18px;}
.wid950{width:950px; margin:0 auto;}
.wid950 img{width:950px; height:200px;}
/*第一部分*/
.content-one{width:950px; height:412px;background:url(imgs/8.jpg) no-repeat;}
.content-one ul{padding-top:12px; margin-left:85px; position:relative;}
.content-one ul li{float:left; width:254px; margin-right:24px;}
.content-one ul li img{width:254px; height:254px; border:1px solid #cccccc;}
.content-one ul li img.hot{ width:57px; height:57px;position:absolute;left:754px;top:12px;}
.content-one ul li p{margin-top:11px;height:20px; line-height:20px; text-align:center; color:#cf1b06; font-size:20px; }
.content-one ul li p.spec{margin-top:4px; height:12px; line-height:12px; text-align:center; font-size:12px; color:#6c6a69; font-weight:bold;}
.content-one ul li span{display:inline-block; color:#c41704; font-size:20px;margin-top:12px;padding-left:45px;}
/*第二部分*/
.content-two{width:950px; margin:0 auto;}
.content-two .top{width:950px; height:67px; background:url(imgs/18.jpg) no-repeat;}
.content-two ul{width:888px; height:577px; background:url(imgs/17.jpg) no-repeat; padding-top:33px; padding-left:62px;}
.content-two ul li{float:left;width:191px; height:196px; border:1px solid #ffc9ca; margin-right:80px;margin-bottom:80px;padding:10px 10px 2px 23px;position:relative;}
.content-two ul li img{width:74px; height:194px; float:right;}
.content-two ul li img.maozi{width:83px; height:46px; position:relative;left:-151px; top:-236px;}
.content-two ul li img.spec{width:111px; height:45px; float:left;}
.content-two ul li h2{padding-top:16px;font-size:16px; color:#389900;}
.content-two ul li span{display:inline-block;padding-top:47px; font-size:14px; color:#ccc;}
.content-two ul li span.te{font-size:20px; color:#e11200; padding-top:5px;}
.content-two ul li button{padding:0; margin:0;}
.content-two ul li .dibu{width:273px; height:30px;&n
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
