[转]XHTML+CSS兼容性解决方案小集
使用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;}
转载于:https://www.cnblogs.com/morsh/archive/2008/07/26/1251892.html
[转]XHTML+CSS兼容性解决方案小集相关推荐
- div+css兼容性
SS 兼容要点:DOCTYPE 影响 CSS 处理 FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 FF: body 设置 text- ...
- DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 ...
- CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容
本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考. CSS兼容常用技巧 请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTY ...
- CSS兼容性技巧整理从IE6-IE9 火狐谷歌浏览器兼容
CSS样式表对浏览器的兼容性问题有时让人很头疼,不过当我们了解了其中的原理与技巧,就会觉得轻松一些.本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考. CSS兼容常用技巧 请 ...
- 学无止境的CSS(xHTML+CSS技巧教程资源大全)
本文里面收集一些有关CSS的技巧.教程.工具和观点等,其中一些你也许早就运用的炉火纯青,也可能有的你听都没听说过.不管是新手还是高手,大家都继续学习吧. 一,Web 标准 要玩游戏,就得先了解规则.要 ...
- 处理CSS兼容性的几个实用方式。
今天我们来聊一聊「如何处理CSS兼容性所带来的问题.」 因为浏览器厂商众多,采用的浏览器内核各不相同,所以对CSS语法支持的程度也各不相同. 有的可能是语法不支持,有的可能是语法支持但是效果表现形态不 ...
- CSS垂直居中解决方案
CSS垂直居中解决方案 参考文章: (1)CSS垂直居中解决方案 (2)https://www.cnblogs.com/hhstuhacker/p/css-centered-solution.html ...
- 怎么改善现有网站为xhtml+CSS
我们大部分的设计师依旧在采用传统的表格布局.表现与结构混杂在一起的方式来建立网站.学习使用XHTML+CSS的方法需要一个过程,使现有网站符合网站标准也不可能一步到位.最好的方法是循序渐进,分阶段来逐 ...
- div+css 和 xhtml+css是一回事么?
div+css 和 xhtml+css是一回事.只是说法不一样,表达得意思都是通过CSS定义DIV 布局. 那为什么地方要说成XHTML +css 呢? 以为我们做网站用CSS布局得时候不光是用了DI ...
最新文章
- 有多少可爱IT精英,他们的爱情屡屡“挨踢”
- VBS基础篇 - 内置函数
- 计算机考研【211 计算机专业院校 官方排名】教育部 第4次“计算机专业”学科评估
- 01Struts 2
- 只需5分钟即可启动并运行分层架构:: Spring Boot第1部分
- 值得一谈的鸿蒙2.0,赶紧撸一下hello world
- 8个成语接龙首尾相连_成语接龙(至少8个)
- 2013蓝桥杯java试题_2013年第四届蓝桥杯javaB组 试题 答案 解析
- 如何破解 Google Chrome 的隐身模式?
- 【GIS导论】实验六 叠加分析
- 1004. 成绩排名 (20)
- 封装、继承、多态的详细说明
- CheckboxPreference 改造
- 计算机看不了pdf,电脑打不开pdf格式文件怎么回事
- 第二重要极限公式推导过程_土木考研 土力学第六章公式推导
- 时差怎么理解_时差是怎么形成的?
- boost | 线程与并发(一)atomic
- 你控制不了情绪,怎么过得好这一生?
- 【DG】在Linux平台上搭建单实例的dataguard--duplicate
- 【机器学习】决策树案例一:利用决策树进行年龄与音乐类型喜好分类预测
热门文章
- java中如何声明班干部,java类成员变量的定义和声明
- extjs树使用别的皮肤的样式_设计师发布努努重做之后的冰雪节皮肤设计稿
- linux网卡IP同一网段,Linux下多网卡不同IP在同一网段的情况
- 博客园里输入latex公式
- Spring MVC重定向和转发
- Tornado 错误 Global name 'memoryview' is not defined
- [读码][js,css3]能感知鼠标方向的图片遮罩效果
- 在SqlServer 2008中将数据导成脚本
- 高级JAVA - 高并发下接口限流 Semaphore
- 关于python的垃圾回收机制_Python的垃圾回收机制