当前位置:编程学习 > C#/ASP.NET >>

求一段css兼容性问题。不长,急。谢谢了。

我在IE9,8,chrome下都没有问题。

但是在IE7,6下就变形了。请高手看看。全是自己手写的CSS,变形的地方就是中间那二段CSS

html,body{width:1440px;margin:0;font-size:12px;color:#939393;}
a {color:#939393;text-decoration:none}
a:hover {color:#939393;text-decoration:none;}
img {border:0;}
em,i {font-style:normal;}
ul,li {list-style:none;}
.top,top1{width:1440px;}
.topleft{width:270px;height:70px; background-color:#DA251E;float:left;}
.topcenter{width:900px;height:70px;background:url(../images/top_bg.gif);float:left;}
.topright{width:270px;height:70px; background:url(../images/top_bg.gif);float:left;}
.toplogo{width:151px; height:70px; background:url(../images/top_logo.gif); float:right;}
.top2{width:900px;height:38px;margin-left:270px;}
.topteltip{float:left; line-height:38px;}
.toptel{color:#DA231F;font-weight:bold}
.topdh{float:right;line-height:38px;}
.banner{width:900px;height:232px;margin-left:270px;background:url(../images/banner.gif);float:left;display:inline;}

.main{width:900px;margin-left:270px;}
.left{width:270px; height:auto; margin-top:15px;float:left;display:inline;}
.menu{line-height:28px; width:260px;margin-left:-20px;}
.menu ul li{border-bottom:groove 1px;}
.menu ul li a:hover{color:red;}
.leftpic{margin-left:20px; margin-top:-20px;}
.leftbox{width:231px;height:69px;border:solid 1px #939393}
.leftcontact{margin-left:20px; margin-top:10px;line-height:18px;}

.right{ width:630px;float:right;}
.rAbout{ height:317px; margin-left:20px; margin-top:30px; overflow:hidden;}
.casebutton{float:left;}
.casebutton span{float:left;width:119px; text-align:center; margin-left:2px;display:inline;}
.idxDesign{float:left; margin-top:10px;display:inline;}
.idxDesignTitle{color:#939393; font-size:16px; font-weight:bold; margin-bottom:10px;}
.idxDesignList{line-height:20px;}
.idxDesignList ul{padding:0; margin:0;}
.idxDesignList ul li a:hover{color:#F78C01}

.buttom{width:1440px; height:100px;border-top:dashed 1px; float:left;}
.copyright{width:900px;line-height:20px; margin:5px auto;}
.copyright span{margin-left:270px;}
--------------------编程问答-------------------- 很正常

可以用浏览器的插件(开发人员调试用的)Debug一下。找出哪里的问题, --------------------编程问答-------------------- 只看代码就知道兼容性的问题了? --------------------编程问答-------------------- 只看代码应该能知道兼容性吧。

不是有一个叫!important的这种写法吗?? --------------------编程问答-------------------- 有CSS大牛帮忙吗?? --------------------编程问答-------------------- 加
*{padding:0;margin:0;border:0}

另外,在 IE6里面,margin要设置其他浏览器的一半才可以,


margin-left:270px;
需要写成
margin-left:135px;

你可以写一份ie6下使用的css6,写在其他css的后面

<!--[if IE 6]> 
<link href="http://c.csdn.net/bbs/t/5/t5.css" rel="stylesheet" type="text/css" />

<![endif]--> 
--------------------编程问答-------------------- 在margin   里面再加个属性 display:inline; 不用改宽度了
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,