常见的浏览器兼容问题

    由于软件开发者对CSS理解的不同，造成了一些浏览器对CSS解释的错误或者不一致的地方，因此网站建设者需要针对不同的浏览器采取一些弥补的措施，其中最著名的有以下几个。
1.IE5.5的盒模型错误
    关于浏览器兼容问题，在制作过程中，可能遇到最多的是Windows IE 5.5及其以前的版本的浏览器对于盒模型理解上的错误。
    网站建设的CSS中定义的元素的宽度是指的是元素内容的宽度，而Windows IE 5.5认为宽度=元素内容+填充+边框。
    例如：
div{
width:200px;
padding:5px;
border:1px solid #cccccc;
}
    那么在IE5.5中div内容的宽度将是200px-5px-1px-5px-1px=188px，而在Firefox、Opera及IE6等浏览器内宽度则是200px。因此就需要采取一定的弥补措施。2.浮动与清除
    浮动使元素在某些特性上从普通文档流中脱离，但是同时又影响着旁边的元素。当某个元素内的子元素浮动的时候，而这个元素的高度在不同的浏览器内显示将有所不同。父元素的背景填充在Windows IE和FireFox并不同，IE会扩充到浮动元素的高度以下，而Firefox则不会扩充背景色，而是以不浮动元素的高度为准。
    在CSS规则中并没有规定何种解释方式是正确的，但是在实际应用过程中，更多情况下，制作者更希望得到IE中的效果，因此对于Firefox和Opera等浏览器，需要设置CSS的清除属性。
3.关于网站建设脚本
    在XHTML1.1中不支持language属性，因此需要把代码改为：
<script type="text/javascript">
4.IE浮动和对齐的错误
    如果在CSS中将元素的Float和text-align的方向设为一致，则在IE中边界会被显示为声明值的2倍。
    其解决方法就是设置元素的显示属性为inline，如下所示：
#float_left{
text-aling:left;
margin:0.5px;
float:left;
background:#cff;
display:inline;
}

本文关键词：网站建设  CSS  IE
本文摘要：网站建设者需要针对不同的浏览器采取一些弥补的措施，其中最著名的有以下几个。