Linux中国 Linux中国门户站!
设为主页 设为主页
收藏本站 收藏本站
 
当前位置 :首页 ->网站设计 ->CSS/CSS2 ->正文

修正IE5解释容器宽度的方法

来源:Linuxdby.com 作者:Webmaster 时间:2007-04-12 点击: [收藏] [投稿]

    IE 6.0 Firefox Opera等是真实宽度=width+padding+border+margin IE5.X真实宽度=width-padding-border-margin

    方法1. div.content { width:400px; //这个是错误的width(对于ie5来说是正确的),所有浏览器都读到了voice-family: "\"}\""; //IE5.X/win忽略了"\"}\""后的内容voice-family:inherit;width:300px; //包括IE6/win在内的部分浏览器读到这句,新的数值(300px)覆盖掉了旧的}

    方法2. div.content { width:400px;} html>body .content { //html>body是CSS2的写法width:300px; //支持CSS2该写法的浏览器(非IE5)有幸读到了这一句}

    方法3. div.content { width:300px !important; //这个是正确的width,大部分支持!important标记的浏览器使用这里的数值width(空格)/**/:400px; //IE6/win不解析这句,所以IE6/win仍然认为width的值是300px;而IE5.X/win读到这句,新的数值(400px)覆盖掉了旧的,因为!important标记对他们不起作用}





 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<



上一篇: 反spam与spam间的较量   下一篇: 网站亲和力评估

文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论
更多相关文章
Power by linux-cn.com 粤ICP备05006655号