首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

跟ie6的深仇大恨

2013-01-01 
和ie6的深仇大恨所有浏览器都试过了,只有ie6这个狗日的会变形,大家帮帮忙吧,本来右面是一个页面,现在这个

和ie6的深仇大恨
跟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 双边距问题

热点排行
Bad Request.