`
a68091555
  • 浏览: 25903 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ff ie padding

阅读更多
ff 和 ie对padding-top的解析是不一样的,在ie中,元素占用的高度 = padding-top + 元素原来的高度,在ff中,该padding-top被算在元素的原始高度之内。

解决方法:

一,尽量不用到padding-top;

二,在设置的padding-top后加入!important,ie不会解析这个属性。

<div style="padding-top:5px;height:10px !important;height:15px;width:200px;background-color:#ffeeee"> test </div>

三,利用*,ff不解析*,用这个也可以实现使用padding-top的效果在各浏览器一致。

<div style="padding-top:5px;height:10px;*height:15px;width:200px;background-color:#ffeeee"> test </div>
分享到:
评论

相关推荐

    padding ie 不兼容问题

    (针对FF/IE7) padding: 6px;(针对IE6) IE6 IE7正常 FF不正常 这种情况我们要这么处理,因为!important IE7也是能识别的!  padding: 7px;(针对FF) *padding: 6px;(针对IE6/IE7)  IE6 IE7 FF都不一样 ...

    在IE8 FF中使用padding设置select控件文字垂直居中

    主要介绍了在IE8 FF中设置select控件文字垂直居中的方法,使用到了padding:8px 0,需要的朋友可以参考下

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器

    margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会...

    IE6特有bug兼容性问题整理

    IE会让相邻的也浮动起来,Chrome 和FF不会,他们的float对象不再占据空间,所以显示效果也不同。 Chrome 下 IE &lt;style&gt; body{ padding:0; margin:0;} #yi{ background:#0033FF; height:298px; width:298px...

    js 操作table之 移动TR位置 兼容FF 跟 IE

    js操作table之 移动TR位置 兼容FF 跟 IE body { margin:0; padding:0; font-size:12px; } #show_input { background:#CCCCCC; position:absolute; width:200px; height:100px; /* top:100px; left:500px;*/ display...

    IE和FireFox(FF)中js和css的不同

    ul标签中FF中有个padding值,却没有margin值,而在IE中正好相反 解决办法:将ul的padding和margin都设为0(也可以不是0)如:padding:0;margin:0;list-style:none; js: 1. IE中innerText在FF中没有,使用textContent; ...

    JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)

    JavaScript 无缝上下滚动加定高定宽停顿效果(兼容ie/ff) JavaScript 无缝上下滚动加定高定宽停顿效果(兼容ie/ff) body {font-size:12px;} .Scroller {line-height:20px; border:1px solid #D4D4D4; padding:0px...

    [removed]google 向上向下滚动特效,兼容IE6,7,8,FF

    2010最新全面兼容ie6,ie7,ie8,ff的CSS HACK写法 #google1 { border:none; width:270px; height:20px; margin:0px 0; font-size:12px; padding-left:0px; overflow:hidden; font-family:Arial; } #google1 ul { ...

    FireFox浏览器和IE浏览器下CSS兼容问题

    1.DOCTYPE 影响 CSS 处理 ...4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 5.FF: 支持 !important, IE 则忽略, 可用 !important

    [removed]FF/Chrome与IE动态加载元素的区别说明

    ff 与 ie 动态加载元素的区别&lt;/title&gt; [removed][removed] &lt;style type=”text/css”&gt; li{margin:0;padding:0;list-style:none} &lt;/style&gt; [removed] function add(){ var liTemplate = $...

    IE7、IE8、ff下的margin-top问题 折叠margin

    并且还是在不太支持web标准的IE7下面都可以,其他支持WEB标准的都出现问题。难道是web标准就是这样,曾一度怀疑经常用的“盒子”方法是错误的。后来在网上找了一下才发现以前学习的时候竟然忽略了”折叠margin”。...

    IE与Firefox的CSS兼容大全 推荐

    CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE...4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !im

    关于ol和ul的padding和margin默认值

    经过我的实际测试,发现Opera 9(我实测的是Opera 9.23)同FF和Safari一样,也是使用padding-left的。更精确的说,它们的默认样式应该是: ol, ul { padding-left:40px; } 而IE的默认样式是: ol, ul { margin-...

    46种常见的浏览器兼容性问题大汇总

    5. FF和IE BOX模型解释不一致导致相差2px 3 6. IE5 和IE6的BOX解释不一致 3 7. ul和ol列表缩进问题 3 8. 元素水平居中问题 3 9. Div的垂直居中问题 3 10. margin加倍的问题 3 11. IE与宽度和高度的问题 3 12....

    css firefox火狐浏览器下的兼容性问题

    1.DOCTYPE 影响 CSS 处理 ...4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF

    div-css-漂亮的导航条

    padding:0; font: bold 11px/1.5em Verdana; } h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 0px 15px; } img { border: none; } /*- Menu...

Global site tag (gtag.js) - Google Analytics