相关文章
企通互联修改路径及网站URL
网站设计教程/dreamweaver/高级 深入DREAMWEAVER插件的奥秘(7)
北京网站设计Flash打造迷你特色音乐播放器
企通互联精彩实例详解:用Flash实现北京奥运倒计时
北京网页设计FlashAS教程:在主影片中制作外部loading进度条
北京网站设计FLASH MX 2004视频教程:Flash 系列介绍
网站建设Flash视频教程:1.17 任意变形工具
企通互联Dreamweaver使用快技法十三则 [1]
网站建设CSS长度单位的区别 - pt,px和cm的区别
北京网站设计网页中多层效果的灵活使用
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 网站建设企通互联标准建站过程中注意CSS的兼容性问题
网站建设企通互联标准建站过程中注意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(左填充 www.qitongnet.com)最终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;}
上一篇:北京网站设计解决div列高度自适的3种常用方法
下一篇:网站制作总结一下IE6和 IE7和 Firefox 的CSS hack写法