怎么让div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器( 五 )


例如:
<#div id="imfloat">
相应的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兼容ie6ie7ie8ie9和FireFoxChrome等浏览器】

怎么让div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器


推荐阅读