首页 | IT新闻 | 硬件 | 操作系统 | 开发 | 网络编程 | 数据库 | 热门框架 | 网络安全 | 组网 | 建站指南 | 网页制作 | 特效 | 实用技巧 | 服务器 | 办公 | QQ | 探索 | 社区

  • 技术部落
  • 部落首页 > 网页制作 > CSS > 正文
  • div+css页面ie与ff浏览器兼容方法
      2007-3-23  来源:网络资源  编辑:Jsbulo  热度:

    在ff测试div+css的过程中发现不少问题,主要原因是代码的不规范书写。
    通过一步步修改新闻网代码,总结出一些标准,帮助很大——至少以前不知道,现在明白了...
    下面通过ie和ff的对比总结一下(谨属个人意见):
    1.div里的内容,ie默认为居中,而ff默认为左对齐。使ff内容居中的方法是增加代码margin:auto;
    2.设有两横行div排列,上面的div控制高度(height),如果div里的实际内容大于控制高度,在ff中会出现两个div重叠的现象;在ie中,下面的div会自动给上面的div让出空间。所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节。
    3.给出一个框架代码:

     程序代码
    <div id="header"></div>
    <div id="mainbox">
        <div id="menu"></div>
        <div id="sidebar"></div>
        <div id="content"></div>
    </div>
    <div id="footer"></div>

    #mainbox的背景颜色控制通常会在ff中失效。解决方法是再嵌套一个div,在新加的div中写入背景颜色代码,试试看背景就会出现了。(网上也有一种办法是直接在body背景中添加颜色,但是如果遇到body背景和页面背景不同的时候就不好说了)
    4.在用作外部容器时,margin属性会在ff中失效。(好像在这几条中,一旦div用作外部容器,就有好多功能失效。)此条解决方法同第3项。
    5.拿footer为例,有时候如果上面使用了float控制的n列的布局,那么在用ff浏览时footer很有可能不老实,到处乱动——因为他还在受到浮动(float)的控制。如果想让它老老实实呆在页面下方,在footer的div中写入clear:both;就可以达到效果了!

    上面肯定有错误,请高手们批评指正!