《
总结CSS中火狐浏览器与IE浏览器的兼容代码》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023420R013.htm
IE 不认得min-这个定义，但实际上它把正常的width和height当作有min的情形来使。这样问题就大了，如果只用宽度和高度,总结9条DIV+CSS网页设计容易发生的错误，畸形的阅读器里这两 个值就不会变，假如只用min-width和min-height的话，IE下面基本即是不设置宽度跟高度。
比方要设置背景图片，这个宽度是比拟主要的。要解决这个问题，能够这样：
#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
6、DIV浮动IE文本产生3象素的bug
当div利用庞杂的时候每个栏中又有一些链接，DIV等这个时候轻易产生捉迷藏的问题。
有些内容显示不出来,思路决定出路，当鼠标抉择这个区域是发明内容确切在页面,思考Web站点设计对类以及id的命名方式。 解决措施：对#layout使用line-height属性 或者给#layout应用固定高和宽。页面构造尽量简略。
7、IE捉迷藏的问题
左边对象浮动，右边采取外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.
#box{ float:left; width:800px;}
#left{ float:left; width:50%;}
#right{ width:50%;}
*html #left{ margin-right:-3px; //这句是要害}
<div id="box",怎样让用户记住你的产品,用设计宣传品牌;>
<div id="left"></div>
<div id="right"></div>
</div>
vertical-align:middle; 将行距增添到和全部DIV一样高 line-height:200px; 而后插入文字，就垂直居中了。毛病是要把持内容不要换行
--> [
网站建设之]总结CSS中火狐浏览器与IE浏览器的兼容代码
如何让你写的代码更兼容火狐和IE两大主流浏览器？本文将总结总结CSS中火狐浏览器与IE浏览器的兼容代码，兼容你兼容重要是语法规范问题，你写CSS写标准了，就都兼容了，其余的就是一些浏览器的BUG了，发一些技能给你看看，或者有用。
CSS技巧
#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会发生200px的间隔 display:inline; //使浮动疏忽}
这里细说一下block与inline两个元素：block元素的特色是,老是在新行上开端,高度,宽度,行高,边距都可以节制(块元素);Inline元素的特点是,和其他元素在统一行上,不可掌握(内嵌元素);
#box{ display:block; //可认为内嵌元素模仿为块元素 display:inline,怎样精简用户界面; //实现同一行排列的后果 diplay:table;
min -width是个十分便利的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保障排版始终准确。但IE不认得这个，而它实际上把width当 做最小宽度来使。为了让这一命令在IE上也能用，可以把一个<div> 放到 <body> 标签下，然后为div指定一个类, 然后CSS这样设计：
#container{ min-width: 600px; width:expression(document.body.clientWidth < 600? "600px": "auto" );}
第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的断定来实现最小宽度。
1、div的垂直居中问题
2、margin加倍的问题
4、IE与宽度和高度的问题
5、页面的最小宽度
Tag：CSS IE 火狐 兼容 浏览器 CSS IE 火狐 兼容 浏览器
3、浮动ie产生的双倍距离
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决计划是在这个div里面加上display:inline;
例如：
<#div id=”imfloat”>
相应的css为
#IamFloat{
float:left;
margin:5px;/*IE下懂得为10px*/
display:inline;/*IE下再理解为5px*/}
(责任编辑：网站建设)
总结CSS中火狐浏览器与IE浏览器的兼容代码相关文章