建站专家,专业网站建设 为客户创造互联网时代新价值
网站没有访问量?网站没有排名?创意网络来帮您!
专注于推广营销型企业网站建设,让您的网站“活”起来!

在线咨询
经济型网站1500元 标准型网站2500元 商务型网站3500元 定制型网站
行业资讯 技术支持 编程技术 优化技术 建设文摘 营销技术 建设帮助
国内虚拟主机 香港虚拟主机 美国虚拟主机
服务项目
企业网站解决方案企业网站解决方案
打造企业品牌形象,建立企业网络平台,提供全方位的企业网站建设一条龙服务。
企业网站优化推广方案企业网站优化推广方案
专业的SEO服务,网站优化,排名提升,为企业创造更多的商机。
域名主机租用服务域名主机租用服务
稳定的DNS服务器,24小时不间断监控,为您保证稳定、高速的网站运作环境。
搜索引擎化化SEO
我要新建网站
番禺网站建设为您建立一个能不断为您带来新客户的网站[了解详情]

改版我的网站
网站改版可以带来优质的用户体验,增加网站优化细节
[了解详情]
IE和FireFox兼容div+css的办法

1、对div设置水平居中对齐时,要给子div加上一句"margin:auto"以兼容FireFox浏览器

2、当div的布局并没有如text-align设置的那样排列时,尝试用float来实现

3、将<p>标签的样式改成:margin:0px;line-height:XXpx,避免在FireFox浏览器下发生一些意想不到的结果

4、要消除ul、ol等列表的缩进时,样式应写成:list-style:none;margin:0px;padding:0px;,其中margin属性对IE有效,padding属性对FireFox有效

5、padding 5px 4px 3px 1px FireFox无法解释简写,必须改成 padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px;

1、单位问题

问题:任何距离的数值ie可以不加单位,ff必须要求写单位(0除外)

解决:写全单位如padding:0px;

2、水平居中

问题:div里的内容,ie默认为center,而ff默认left

解决:mairgin:0px auto;

3、高度问题

问题:如果设置了一个DIV的高度,当DIV里实际内容大于所设高度,ie会自动拉伸以适应DIV容器大小,ff会固定DIV的告诉,超过部分超出DIV底线以外,出现和下面的内容重叠的现象

解决:控制恰当的高度,或者不写,让浏览器自动调节高度,或者设置overflow:hidden;

4、clear:both;

问题:如果上面用float控制了n列DIV,下面ie会自动检测自动排列,ff则可能很不老实,到处乱动

解决:float结束后的下一个标签加clear:both;以结束float的控制

5、最大/小宽度问题

问题:min-width,max-width只是ff的命令,如何让ie实现同样的效果

解决:ie不认识min-和max-,实际ie认为min-width、max-width和width效果一样,可以用下面方法解决

#cctext{

min-width: 700px;

max-width: 1000px;

width:expression_r(document.body.clientWidth<700?"700px":document.body.clientWidth>1000 ? "1000px" : "auto");

}

6、!important支持

问题:ff支持ie不支持

解决:无。ie会忽略。

7、游标状态

问题:cursor:hand;仅ie支持,显示手指状态

解决:使用cursor:pointer;ie和ff都支持

8、实际像素

IE/Opera:对象的实际宽度 = (margin-left) + width + (margin-right)

Firefox/Mozilla:对象的实际宽度= (margin-left) + (border-left-width) + (padding- left) + width + (padding-right) +(border-right-width) + (margin-right)所以排列好及列的表格时ie和ff显示宽度稍有区别

4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width

5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式,值得注意的是,一定要将xxxx !important 这句放置在另一句之上

7.cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以

8.FF: 链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。

9.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法:div{margin:30px!important;margin:28px;}

  注意这两个margin的顺序一定不能写反,据阿捷的说法!important这个属性IE不能识别,但别的浏览器可以识别。所以在IE下其实解释成这样:div{maring:30px;margin:28px}

  重复定义的话按照最后一个来执行,所以不可以只写margin:XXpx!important;

10.IE5 和IE6的BOX解释不一致

  IE5下div{width:300px;margin:0 10px 0 10px;}

div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px,而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改div{width:300px!important;width :340px;margin:0 10px 0 10px}

11.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义ul{margin:0;padding:0;}

  就能解决大部分问题

  注意事项:

  1、float的div一定要闭合。

  例如:(其中floatA、floatB的属性已经设置为float:left;)<#div id=\"floatA\" >

  <#div id=\"floatB\" >

  <#div id=\"NOTfloatC\" >

  这里的NOTfloatC并不希望继续平移,而是希望往下排。

  这段代码在IE中毫无问题,问题出在FF。原因是NOTfloatC并非float标签,必须将float标签闭合。

在<#div class=\"floatB\">

  <#div class=\"NOTfloatC\">

  之间加上<#div class=\"clear\">

  这个div一定要注意声明位置,一定要放在最恰当的地方,而且必须与两个具有float属性的div同级,之间不能存在嵌套关系,否则会产生异常。

  并且将clear这种样式定义为为如下即可:.clear{

  clear:both;}

  此外,为了让高度能自动适应,要在wrapper里面加上overflow:hidden;

  当包含float的box的时候,高度自动适应在IE下无效,这时候应该触发IE的layout私有属性(万恶的IE啊!)用zoom:1;可以做到,这样就达到了兼容。

  例如某一个wrapper如下定义:.colwrapper{

  overflow:hidden;

  zoom:1;

  margin:5px auto;}


资料来源:创意设计工作室 http://www.py162.com,转载请注明出处!
  • 相关文章
  • ·网站内部代码怎样优化
  • ·番禺网站建设教你如何让你网站代码优化的更合理
  • ·关于网站404错误的一些建议
  • ·IIS下UTF-8的网页出现乱码的解决办法
  • ·网页META标签内容写作规范要点
  • ·htaccess生成伪静态
  • ·论坛防止cookies欺骗的方法
  • ·番禺网站建设利用ASPJPEG优化图片速度
  • ·IE8和IE9下ewebeditor上按钮无效的解决办法
  • ·初学DIV+CSS?有六个问题需要您关注一下
  • ·通过WEB服务器应用程序攻击系统的详细介绍
  • ·番禺网站建设--ASPJPEG组件的常用方法
  • 网友评论
    用户名: