IE6下margin和padding导致网站不兼容的解决办法

摘要: 沭阳web-沭阳网站建设网经过几天的上线测试,发现几个问题:1、网站在IE6下不兼容,即出现错位的现象;2、网站的案例展示中,图片a:hver标签在IE6下图片右边有一条很小的线今天特此抽出时间来解决沭阳web遇到的这两 ...
沭阳web-沭阳网站建设网经过几天的上线测试,发现几个问题:1、网站在IE6下不兼容,即出现错位的现象;2、网站的案例展示中,图片a:hver标签在IE6下图片右边有一条很小的线

今天特此抽出时间来解决沭阳web遇到的这两个微小的问题,其中IE6下margin和padding导致网站不兼容的问题为具体要讲解的问题。

1、在css代码中,加上a:hover{text-decoration:none;}即可解决图片右侧有小横线的问题,其实就是去掉a标签的下划线

2、IE6下margin和padding导致网站不兼容的解决办法
margin:

问题产生的原因:当一个css样式中同时设置了float和margin两个属性的时候,在IE6中的margin就是翻倍,这样导致了网站的错位。譬如沭阳web中的案例展示中的li标签中,我给了float和margin两个属性,导致在IE6下直接错位。

解决办法:①给该css样式中加上display:inline,即让在一行中显示;②新设置下margin的属性:_margin:15px,即前面加个下划线

padding:

在IE6下的padding数值和IE8等主流浏览器下的属性值是不一样的,IE8要减去1,IE6下要减去2,如下:

.test{padding:20px;*padding:19px;_padding:18px}

分别控制了FF、IE8、IE6下的padding的数值。

相关阅读