IE与Firefox的CSS兼容大全

1、ie与firefox的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 则忽视,

2、可用 !important 为 ff 特殊设置样式 6.div 的垂直居中问题: vertical-align:middle; 将行距增强到和囫囵div一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 7.cursor: pointer 可以同时在 ie ff 中显示游标手指状， hand 仅 ie 可以 8.ff: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避开底边显示错位, 若不设 height, 可以在 men

3、ubar 中插入一个空格。 9.在mozilla firefox和ie中的box模型说明不全都导致相差2px解决办法：divmargin:30px!important;margin:28px;注重这两个margin的挨次一定不能写反，据阿捷的说法!important这个属性ie不能识别，但别的扫瞄器可以识别。所以在ie下其 实说明成这样：divmaring:30px;margin:28px重复定义的话根据最后一个来执行，所以不行以只写margin:xxpx!important; 10.ie5 和ie6的box说明不全都ie5下divwidth:300px;margin:0 10px 0 10p

4、x;div的宽度会被说明为300px-10px(右填充)-10px(左填充)终于div的宽度为280px，而在ie6和其他扫瞄器上宽度则是以 300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改divwidth:300px!important;width /*/:340px;margin:0 10px 0 10px关于这个/*/是什么我也不太明了，只知道ie5和firefox都支持但ie6不支持，假如有人理解的话，请告知我一声，谢了！：） 11.ul标签在mozilla中默认是有padding值的,而在ie中惟独margin有值所以先定义ulmargi

5、n:0;padding:0;就能解决大部分问题 注重事项： 1、float的div一定要闭合。 例如：(其中floata、floatb的属性已经设置为float:left;)这里的notfloatc并不希翼继续平移，而是希翼往下排。这段代码在ie中毫无问题，问题出在ff。缘由是notfloatc并非float标签，必需将float标签闭合。在相应的css为 iamfloatfloat:left;margin:5px;/*ie 下理解为10px*/display:inline;/*ie下再理解为5px*/ 3、关于容器的包容关系 无数时候，尤其是容器内有平行布局，例如两、三个float的div时

6、，宽度很简单浮现问题。在ie中，外层的宽度会被内层更宽的div挤破。一定要用 photoshop或者firework量取像素级的精度。 4、关于高度的问题 假如是动态地添加内容，高度最好不要定义。扫瞄器可以自动伸缩，然而假如是静态的内容，高度最好定好。（似乎有时候不会自动往下撑开，不知道详细怎么回 事） 5、最狠的手段 – !important; 假如实在没有方法解决一些详情问题,可以用这个办法.ff对于!important会自动优先解析,然而ie则会忽视.如下.tabd1background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*style f