XHTML+CSS兼容性解决方案小总结

css|xhtml|解决

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

关于这个/**/是什么我也不太明白,只知道IE5和firefox都支持但IE6不支持,如果有人理解的话,请告诉我一声,谢了!:)

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

时间: 2024-09-11 12:52:14

XHTML+CSS兼容性解决方案小总结的相关文章

XHTML+CSS兼容性解决方案小集

css|xhtml|解决 使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找. 1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{margin:30px!important;margin:28px;} 注意这两个margin的顺序一定不能写反,据阿捷的说法!important这个属性IE不能识别,但别的浏览器可以识别.所以在IE下其实解释成这样: div{

XHTML+CSS兼容性解决的五个方案

  使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找. 1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{margin:30px!important;margin:28px;} 注意这两个margin的顺序一定不能写反,据阿捷的说法!important这个属性IE不能识别,但别的浏览器可以识别.所以在IE下其实解释成这样: div{maring:30px

把XHTML+CSS页面转换成为打印机页面

css|xhtml|打印|页面|转换 在以前,为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面,这样才能够在打印的时候获得令人满意的效果.现在,通过使用结构化的XHTML和CSS,你可以实现同样的效果而只用花费少得多的精力. 从屏幕显示到打印效果 大多数的Web页面都是设计适用于在计算机屏幕上观看的.然而,有的时候用户需要将某些页面打印出来,也许就是为了保留一个长期的记录,或者将其用作方便的离线参考资料. 现在的麻烦是,让Web页面在计算机彩色屏幕上看起来引人注

技巧分析:把XHTML+CSS页面转换成为打印机页面

css|xhtml|打印|技巧|页面|转换 在以前,为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面,这样才能够在打印的时候获得令人满意的效果.现在,通过使用结构化的XHTML和CSS,你可以实现同样的效果而只用花费少得多的精力. 从屏幕显示到打印效果 大多数的Web页面都是设计适用于在计算机屏幕上观看的.然而,有的时候用户需要将某些页面打印出来,也许就是为了保留一个长期的记录,或者将其用作方便的离线参考资料. 现在的麻烦是,让Web页面在计算机彩色屏幕上看起来

XHTML+CSS网页制作

  xhtml+css页面制作过程中问题的解决方案,说是解决方案应该有点过了,充其量只不过是给刚刚开始学标准页面制作的朋友们的一些小建议,如果讲得不对的地方请多多包涵,当然也可以提出你们更好的方法,大家相互学习交流,共同成长! 无论是谁,在制作页面的过程都是会碰到这样或者那样的问题,出了问题就肯定要解决.解决问题的前提是要知道问题出在什么地方,对于新手来说不一定一看到问题就知道问题出在哪里.比如在IE6中"多了一只猪"的问题,对于一些问题需要更多的经验交流分享吸收后才能更好的成长. 在

将XHTML+CSS页面转换为打印机页面

 在以前,为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面,这样才能够在打印的时候获得令人满意的效果.现在,通过使用结构化的XHTML和CSS,你可以实现同样的效果而只用花费少得多的精力. 从屏幕显示到打印效果  大多数的Web页面都是设计适用于在计算机屏幕上观看的.然而,有的时候用户需要将某些页面打印出来,也许就是为了保留一个长期的记录,或者将其用作方便的离线参考资料.  现在的麻烦是,让Web页面在计算机彩色屏幕上看起来引人注目和五彩缤纷的很多特性,都无法在

XHTML+CSS完全基础知识

XHTML+CSS   选择什么样的DOCTYPE 开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE. 查看本站首页原代码,可以看到第一行就是: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 打开一些符合标准的站点,例如著名web设计软件开

网站设计的标准时代的XHTML+CSS教程

css|xhtml|标准|教程|设计 让我们赶紧跟上新时代的步伐,一起来了解一下网站标准吧. 一.为什么要建立网站标准 我们大部分人都有深刻体验,每当主流浏览器版本的升级,我们刚建立的网站就可能变得过时,我们就需要升级或者重新建造一遍网站.例如1996-1999年典型的"浏览器大战",为了兼容Netscape和IE,网站不得不为这两种浏览器写不同的代码.同样的,每当新的网络技术和交互设备的出现,我们也需要制作一个新版本来支持这种新技术或新设备,例如支持手机上网的WAP技术.类似的问题举

前端工作经验:xhtml css javaScript

文章描述:前端工作经验:xhtml css javaScript. 写给"正在纠结"."准备纠结"的前端开发们,希望对大家求职有所帮助: 给自己定位 很多人提出薪资要求的时候,会说:"现在房租是多少多少.吃饭要多少多少.泡妞会多少多少",所以,至少拿多少多少的工资,才满足自己的需求.如果说这些话的人,已经是公司的老员工,和老板私人关系很不错,那这么讲还凑合.但如果是职场新人,首次过来应聘,谈这些就很不在点上.你拿多少钱的薪水,是你能够给公司贡献多