XHTML+CSS兼容性解决方案

转载 2007年09月22日 10:59:00
2007-09-18

  使用XHTML+CSS构架好处不少,但也确实存在一些问题,将遇到的一些兼容性的问题及解决方法记录下来希望对大家有所帮助。

  1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法:

以下是引用片段:
div{margin:30px!important;margin:28px;}

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

以下是引用片段:
div{maring:30px;margin:28px}

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

  2.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}

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

以下是引用片段:
ul{margin:0;padding:0;}

  就能解决大部分问题。

  4.关于脚本,在xhtml1.1中不支持language属性,只需要把代码改为:

以下是引用片段:
<script  type="text/javascript">

  5.如果你在BOX容器里使float和text-align的方向设为一致:

以下是引用片段:
{float:left;text-align:left;margin:0 0 0 200px;}

  我们可做如下修改:

以下是引用片段:
{float:left;text-align:left;margin:0 0 0 200px;display:inline;}

 

相关文章推荐

移动端关于select最佳兼容性解决方案(css)

支持浏览器 iOS 4/5/6/7/8 - looks good, iOS3 even works fine but isn't quite as prettyAndroid 2.2/2.3 (Br...

Windows 7 环境软件兼容性解决方案

  • 2012年07月30日 13:18
  • 295KB
  • 下载

线性渐变-linear-gradient和滤镜opacity/filter的透明效果兼容性解决方案及其RGB/RGBA与16进制转换方法

第一篇:滤镜opacity/filter的透明效果兼容性解决方案RGB/RGBA介绍 项目中需要实现透明遮罩效果,使用opacity/filter会使得内部元素都透明,而实际中的文字内容我们...

关于IE6.0对png图片的兼容性解决方案(转载)

http://www.cnblogs.com/yaokai/archive/2010/02/04/1663874.html 刚开的博客,一直不知道写点什么,这段时间一直在做个网站,里面用到了不少png...

iOS IPv6-only 的兼容性解决方案

6月1日后所有应用必须支持IPv6-only网络 首先解释下IPv6的是什么? 维基百科的定义如下: IPv6是Internet Protocol version 6的缩写 全名为互联网通讯协议...

关于ie8浏览器的兼容性解决方案

1.ie6-ie8中不支持opacity透明度的解决方法:   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 2.ie8下...
  • kxr0502
  • kxr0502
  • 2017年06月22日 17:09
  • 219

关于浏览器兼容性的各种解决方案

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。 在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者是登陆我们的系统,都应该是...

多浏览器兼容性测试整体解决方案 F2etest

来源于http://www.oschina.net/p/f2etestF2etest 是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。imgs/logo.png在之前,我们一般有三种...

33种XHTML/CSS常见问题及解决方案

作为web前端开发人员,在平常的页面制作时不可避免的会碰上这样那样的问题,这时就需要寻找这些XHTML及CSS常见问题的解决方案。我根据自己的经验和心得挑选和整理了一些XHTML常见问题和CSS常见问...
  • jqrsdsy
  • jqrsdsy
  • 2012年05月14日 16:48
  • 182

XHTML CSS 常见问题和解决方案

作为前端开发人员,在日常的页面制作时,不可避免的会碰上这样那样的问题,这时就需要寻找这些XHTML及CSS常见问题的解决方案。我根据自己的经验和心得挑选和整理了一些XHTML常见问题和CSS常见问题的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:XHTML+CSS兼容性解决方案
举报原因:
原因补充:

(最多只允许输入30个字)