日期:2014-05-17  浏览次数:20702 次

谁真正懂css的帮忙看下,要么在ie浏览器不正常,要么在火狐浏览器中不正常
网页右上侧会员登录处,要么在 firefox 浏览器下不正常,要么在 ie 浏览器下不正常,请高手帮解决一下。


css文件 http://www.xxjjr.com/soho/images/default.css

.c01r{width:210px;float:left;margin-left:10px}
这行

width为210px时,在火狐浏览器中显示正确,但IE中右侧边就不齐了


改成width等于250px时,在IE浏览器中显示正确,但firefox 浏览器中登录框到下面去了

请用二个浏览器分别打开 http://www.xxjjr.com/soho/index.php?mid=yx606 看网页右侧会员登录处右边线条对齐程度

请高手帮忙改一下css,让不同浏览器都显示右边框对齐,谢谢!


------解决方案--------------------
我还是写出来吧。。
.c01r{
width:210px;//所有浏览器
width:250px\9;//IE8支持
+width:250px;//IE6,7支持
_width:250px;//仅IE6支持
float:left;
margin-left:10px;
_margin-left:5px; //IE6如果有浮动会造成双倍margin
}

------解决方案--------------------
css
CSS code

/*----c01----*/
.c01l{width:120px;height:340px;background:url("../images/dh_bg.gif");float:left}
.c01l .title{background:url("../images/dh.gif") no-repeat left top;padding-left:22px;height:20px;line-height:20px;margin:12px 15px}
.c01l .f{font-weight:normal;margin:0px 6px 0px 2px;border-bottom:10px solid #ECECEC;padding-left:8px;color:#666;letter-spacing:1px;text-indent:2em}
.c01l .f img{margin-right:5px;cursor:pointer}
.c01l .f li{line-height:17px;overflow:hidden;background:url("../images/arrow_02.gif") no-repeat 5px 6px;padding-left:0px}
.c01c1{float:left;width:186px;height:320px;line-height:25px;padding:9px;border:1px solid #ECECEC;margin-left:10px; display:inline}
.c01c1 p span{color:#f87600;padding-right:8px; font-weight:bold; text-decoration:underline}
.c01c2 p span{color:#f87600;padding-right:8px; font-weight:bold}
.c0102d{margin-top:10px}
.c0102d p {height:87px;line-height:22px;overflow:hidden}
.c0102d p a{padding-left:8px}
.c01c2{float:left;width:334px;height:320px;line-height:22px;padding:9px;border:1px solid #ECECEC;margin-left:10px; display:inline}
.c01c2 .hlink{background:#FFFFF2 url("../images/help_ico.gif") no-repeat 3px 4px;padding:2px 3px 1px 18px;color:#009900;float:left;display:inline-block;border:1px solid #EDEDCE;margin-left:2px;}
.c01c2 .m0{margin:0}
.c01r { width:250px;float:right;}