`

padding在FF、IE、Opera中解释不同的解决方法

    博客分类：
  • CSS
IEOpera浏览器HTML 
阅读更多

第一种方法用浏览器兼容性解决方法，关于浏览器兼容识别标识请查看同分类中的另外一篇文章。

第二种方法取消IE中的quriks mod（兼容模式），方法：

例:height:22px;
 padding-top:4px;

指定dtd的链接，ie会执行quriks mod（兼容模式），这时它的盒模型解析是和ie5一样的，即height=22，而非w3c规定的内容宽度width=22+4

解决方法：把<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

改成

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">；

 

另外IE6双倍边距bug

当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px，而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug
分享到：
| Powerdesigner连接Mysql数据库配置图解
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    IE FF OPERA都可用的弹出层实现代码

    代码如下:// JavaScript Document var dv; var dvMsg; function customalert&#40;&#41; { dvMsg = document.... dvMsg.style.padding = “10 0 2 0”; dvMsg.style.height = “313px”; dvMsg.style.background = “#E

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

    在《CSS Mastery》一书的第5章中，作者说IE和Opera使用margin-left来缩进列表，而Safari和Firefox使用padding-left。经过我的实际测试，发现Opera 9（我实测的是Opera 9.23）同FF和Safari一样，也是使用padding-left...

    CSS 实现未知内容高度的垂直水平居中(改良版)

    还好网上也有很多高人发布了一些解决的方法！这里我进行了一些改良，兼容FF，IE6，IE7，Opera…如发现问题有劳回复评论！ 复制代码代码如下:&lt;mce&gt;&lt;!– *{margin:0;padding:0;border:none;font:12px Verdana,”...

    javascript表格控件：Chgrid，简化型

    1：支持自定义排序 2：支持列宽度的拖放 3：支持自定义函数 4：支持分页 5：支持自动编号 6：多浏览器支持，支持ie6,ie7,ff,opera 7：div布局 已知问题： 1：由于使用的div布局，如果使用margin或者padding会改变...

    jquery插件使用方法大全

    它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    +PageManager的实例方法AddAjaxUpdateControl改名为AddAjaxAspnetControls，现在可以在Page_Load中设置需要在AJAX中需要更新的Asp.net控件了。 -在Page_Load中设置了哪些需要在AJAX中更新的Asp.net控件会在回发时...

    ExtAspNet_v2.3.2_dll

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    JavaScript Table行定位效果

    第一个问题是fixed的tr在ie7中不能进行定位，而且td在定位后并不能保持在表格中的布局，这样在原表格插tr就没意义了。 ps：fixed的相关应用可参考仿LightBox效果。 最后我用的方法是新建一个table，并把源tr克隆到...

    三星9305收索

    &lt;!...--STATUS OK--&gt;&lt;html&gt;&lt;head&gt;;charset=utf-8"&gt;&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge"&gt;&lt;link rel="dns-prefetch" href="//s1.bdstatic.com"/&gt;&lt;link rel="dns-prefetch" href="//t1.baidu....

    js使用小技巧

    无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码 ...

Magicbox
Global site tag (gtag.js) - Google Analytics