首页 >web前端 >html教程 >div+css IE 6,7,8兼容的一个实例_html/css_WEB-ITnose

div+css IE 6,7,8兼容的一个实例_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:29:16912浏览

===========解决ie6 与ie8的padding问题==========
一开始我一直以为ie6加了padding显示的width=width+pading 其实不是,找了资料 ie下都不会的
如果这样你就要检查的css设置
看我的:
前台代码:


  • /content/.do">·


  • 原css代码
    .ul_con li { line-height:170%; float:left; width:100%;_width:100%; text-align:left; font-size:13px; border-bottom:solid 1px #ececec; background-image: url('/village/content/icon/title.gif');background-repeat: no-repeat;background-position:left center; padding-left:10px;float:left; POSITION: relative;}

    ie7,8下没问题,ie6下 ul表的总宽度增长了10px,界面难看死了。开始以ie6下会加上他的pading值。找了资料都说不会加的,只有firefox下才会加的。
    冥思苦想后,原来我这个在ie6下 显示的宽度是 li的padding+a的width=10+100%难怪会增加。现在我把padding写在a里面 问题解决
    代码如下:
    .ul_con li { line-height:170%; float:left; width:100%;_width:100%; text-align:left; font-size:13px; border-bottom:solid 1px #ececec; }
    .ul_con li a{background-image: url('/village/content/icon/title.gif');background-repeat: no-repeat;background-position:left center; padding-left:10px;float:left; POSITION: relative;}

    声明:
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn