和ie6的深仇大恨
所有浏览器都试过了,只有ie6这个狗日的会变形,大家帮帮忙吧,本来右面是一个页面,现在这个页面到了另外一行
html:
<div class="anr">
<div class="anr_left">
<div class="a_bt">
关于我们</div>
<div class="a_nr">
<ul>
<li style="background: url(images/leftbg1.jpg) no-repeat; font-weight: 600; color: #b47220;">
<a href="Aboutus.aspx">公司简介</a></li>
<li><a href='Aboutcontent.aspx?id=2'>
公司荣誉</a></li>
<li><a href='Aboutcontent.aspx?id=4'>
招贤纳士</a></li>
</ul>
</div>
</div>
<div class="anr_right" >
<div class="a_r_title">
<div class="a_r_title1">
<a href="#">首页</a></div>
<div class="a_r_title2">
<img src="images/jt.png" /></div>
<div class="a_r_title1">
<a href="#">关于我们</a></div>
<div class="a_r_title2">
<img src="images/jt.png" /></div>
<div class="a_r_title3">
公司简介</div>
</div>
<div class="a_r_nr">
<div class="a_r_nr" isimg="false">
右侧
</div>
</div>
</div>
</div>
css:
.anr{ float:left; width:1004px; height:auto; margin-top:10px; overflow:visible;}
.anr_left{ float:left; width:234px; height:681px; background:url(../images/leftbg2.jpg) no-repeat;}
.a_bt{ float:left; width:222px; height:30px; color:#ffa42f; padding-top:12px; padding-left:12px; font-weight:600; font-size:14px;}
.a_nr{ width:210px; float:left; height:auto; margin-left:12px; _margin-left:6px;}
.a_nr ul{ width:210px; float:left; height:auto;}
.a_nr ul li{ width:210px; height:23px; margin-top:10px; list-style:none; text-align:center; background:url(../images/leftbg.jpg) no-repeat; padding-top:7px;}
.a_nr a{ text-decoration:none; color:#754a15; }
.a_nr a:hover{ text-decoration:none; color:#9f7114;}
.anr_right{ float:left; width:763px; height:681px; background:url(../images/right1.jpg) no-repeat; margin-left:7px;}
.a_r_title{float:left; width:753px; padding-left:10px; height:25px; color:#271404; padding-top:15px;}
.a_r_title1{float:left; padding-left:5px; padding-right:5px; height:25px; color:#271404;}
.a_r_title2{float:left; padding-left:5px; padding-right:5px; height:23px; color:#271404; padding-top:2px; }
.a_r_title3{float:left; padding-left:5px; padding-right:5px; height:25px; color:#f39c2d;font-weight:600;}
.a_r_title1 a{ text-decoration:none; color:#271404; }
.a_r_title1 a:hover{ text-decoration:none; color:#9f7114;}
.a_r_nr{width:710px; color:#b17221; height:atuo; line-height:22px; margin-left:15px; float:left;}
.a_r_nr1{width:738px; color:#b17221; height:atuo; line-height:22px; margin-left:10px; float:left; margin-top:10px;}
.a_r_nr2{width:738px; color:#b17221; height:atuo; line-height:22px; float:left; margin-top:10px; margin-left:10px; _margin-left:6px;}
[解决办法]
*{margin:0;padding:0;} 把这个 加进css
ie里面的 padding margin 双边距问题