如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器( 五 ) _云知道

例如某一个wrapper如下定义：

复制代码代码如下:
.colwrapper{
overflow:hidden;
zoom:1;
margin:5px auto;}

2、margin加倍的问题。
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug 。
解决方案是在这个div里面加上display:inline;
例如：

#div id=imfloat/#div

相应的css为

复制代码代码如下:
#IamFloat{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/}

3、关于容器的包涵关系
很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。
4、关于高度的问题
如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。（似乎有时候不会自动往下撑开，不知道具体怎么回事）
5、最狠的手段 - !important;
如果实在没有办法解决一些细节问题,可以用这个方法.FF对于!important会自动优先解析,然而IE则会忽略.如下

复制代码代码如下:
.tabd1{
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}

div css兼容（二）
2008年04月02日星期三上午 10:58

DIV CSS兼容 IE6 IE7 火狐
在区别火狐和IE时最常用的是!important方法,对于其他不同浏览器和浏览器的不同版本的的兼容性问题还有下面一些方法,比如:@import,注释,属性选择符,子对象选择符和voice-family等方法,这些方法在《css网站布局实录》中有讲述.
下面是IE和火狐的css兼容性问题
1.DOCTYPE 影响 CSS 处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式

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

推荐阅读

草酸的正确使用方法

暗黑血统3怎么加点暗黑血统3升级加点技巧分享

预防新冠病毒手抄报简单又漂亮预防新冠病毒手抄报简单又漂亮画法

兰花春天怎么养

禁止吃野生动物手抄报禁止吃野生动物手抄画报

鸭子英语单词怎么写

北京去石家庄需要隔离14天吗

蟹爪兰浇水的窍门

济南失业补助金按月资格认证流程

水暖毯一晚上几度电

武陟孔雀城在哪里,孔雀城落户郑州

叉烧和火腿月饼的区别火腿叉烧月饼料怎么做

沈阳浑南区挨着哪个区,抚顺和沈阳哪个区挨着

新日电动车价格及图片,小刀这2款电动车

哄女生开心的精品笑话逗女生开心的笑话

锡箔纸可以放微波炉吗