对于今天遇到的几个问题的解决过程有些感触:
1. 现在做一个新的web界面,基础布局原来已经做好了的,只需加入一些新的东西进入。在本机上(IE8)上面没问题,到IE6上就显示不了。原本以为是js库的版本问题,但是原始布局在IE6上显示良好,排除。最后发现是自己写的js布局代码里面多了一个乱码字符,这是由于将文件拷入myeclipse引起的。整个过程将各个不同版本的js库换来换去,折腾了很久时间,还是不起作用。根本原因是没有找到问题的关键所在,解决问题的步骤有问题。
2. 同样的,另外一个页面在IE8上面显示良好,放到IE6、IE7上就不行了。最后发现用EasyUI定义控件的时候,options参数最后一个键值对有个逗号所致。可以看出各个版本浏览器的容错能力都是不同的,所以在编写代码的时候应该尽量规范,这样可以避免一些不必要的麻烦。
3. ul标签的margin和padding属性在各个版本浏览器中的默认值是不同的,所以很多时候ul在不同浏览器中显示格式不尽相同。一个好的解决办法是为ul定义如下样式:
style {
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 20px
}
其中最后的20px是自己定义的左缩进量。有的时候问题解决不好,很大一部分原因是不知道问题的本质所在。
4. IE6的容错性很差劲,当CSS中出现中文注释的时候,页面布局很有可能产生问题,所以平常尽量用英文注释。这个问题折腾了很久的时间。