天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>技术文档>XHTML+CSS兼容性

XHTML+CSS兼容性解决方案

论坛整理2007-09-18 12:20我要吐槽

  使用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;}

作者:赵竞杰责任编辑:兜兜猫)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级