CSS样式里面float 在IE6和IE7区别???

CSS样式控制布局页面时,在IE7和火狐里面显示都正常,但是IE6里面就会自动窜下来!

CSS兼容IE6,IE7,FIREFOX

第一种,是CSS HACK的方法

height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/

注意顺序。

这样也属于CSS HACK,不过没有上面这样简洁。
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */

第二种是使用IE专用的条件注释
<!--其他浏览器 -->
<link rel="stylesheet" type="text/css" href="css.css" />

<!--[if IE 7]>
<!-- 适合于IE7 -->
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->

<!--[if lte IE 6]>
<!-- 适合于IE6及一下 -->
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

第三种css filter的办法,以下为经典从国外网站翻译过来的。.

新建一个css样式如下:

#item {
width: 200px;
height: 200px;
background: red;
}
新建一个div,并使用前面定义的css的样式:

<div id="item">some text here</div>

在body表现这里加入lang属性,中文为zh:

<body lang="en">

现在对div元素再定义一个样式:

*:lang(en) #item{
background:green !important;
}

这样做是为了用!important覆盖原来的css样式,由于:lang选择器ie7.0并不支持,所以对这句话不会有任何作用,于是也达到了ie6.0下同样的效果,但是很不幸地的是,safari同样不支持此属性,所以需要加入以下css样式:

#item:empty {
background: green !important
}
:empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上。

对IE6和FF的兼容可以考虑以前的!important
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-02-28
给加float的样式里面加上display:inline;就ok啦,这是ie6本身的问题,或者你如果加了margin,那再写一个样式,如_margin 这是针对ie6的,一般用这两种方法都能解决

CSS IE7与IE6问题
把#tm里的高度去掉,它里面的a高度就30了,然后你又给父级容器定了个30px,那它当然只能显示一个了,ie7不像ie6那样内容多了会撑开容器,如果你要横排显示那就给它来的浮动,不过看上去你好像是想竖排显示!

ie6 ie7 ie8 ie9和FireFox Chrome中css区别总结
style#wrapper{width: 100px!important; \/* IE7+FF *\/width: 80px; \/* IE6 *\/}\/style 2, IE6\/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. style#wrapper{#wrapper { width: 120px; } \/* FireFox *\/*html #wrapper { width: 80px;} \/* ...

请高手指教 我用CSS制作网页,用火狐和IE6.0浏览时,发现自己编写的CSS...
IE6支持下划线,IE7和firefox均不支持下划线。于是大家还可以这样来区分IE6,IE7,firefox : background:orange;*background:green;_background:blue;

用div+css写的页面在IE6和IE7下怎么大不相同,如何改正?
,再建一个块,比如DIV,或者DD,LI之类的,里面CSS用Padding和margin就有效果。而且可以忽略浏览器。都一样的出效果。还有竟量把有些行距间距之类的初始化。不同浏览器默认值不同吧。还有个背景填充的问题,说起来比较麻烦,要在块最后填一个字符。你熟练了就明白我的意思 ...

div IE7和IE6显示的结果不同?
建议写CSS文件的时候 最顶上加个 { margin:0px;padding:0px;} 让边距初始为0可以解决很多细微边距的问题。需要边距的话可以自己加。并不是说IE6在这就很恶心,只是它们默认的边距不同罢了。

关于CSS与分辨率,浏览器的问题?
这是很正常的现象,因为不同版本或者不同开发者开发的浏览器兼容性是不同的,所以,对于你编写的代码解析出来效果也是不同的。IE6.0允许你出现部分不规范但可以起作用的代码,而会视而不见,IE7.0有一些改进,但是依然会对一些问题也会视而不见,但是FF是目前对CSS支持最好的浏览器,而且执行较为...

请问在IE7用div+css做的网页,怎么让它在IE6里不错位?
用了float的地方设置左右定位的话 IE6会显示成2背 比如 float:left; margin-left:10px; 预览结果会是 margin-left:20px;加这个 就没事 display:inline;right 《---这个之后的DIV 会受到浮动的影响 加clear:both;清楚浮动。还有上下定位文字问题有些时候 比如:margin-top:10px; 火狐显示不是10px...

css+div样式的网站为什么在不同的机器上显示的效果不同
IE,FF,GOOGLE的浏览器现在显示出来的效果都有差异的 因为内核不同 甚至在IE6,IE7之间的效果都不用,因为版本不同 所以做一个网页都要满足不同的浏览器就不是那么容易了 并不是说你的语法都对,而且符合标准就显示都正确了,正是由于有IE等对WEB标准支持不太好的浏览器,才导致这种显示不一致的状态...

css样式兼容不同浏览器问题解决办法
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!所有浏览器 通用height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100...

IE6、 IE7、 FF在CSS表现上有哪些区别?
这说不准的,有时候像CSS样式你写好后,用IE6浏览格式和位置是对的,但是FF浏览却会乱跑的,还有颜色方面,IE6 IE7之间是存在差异的。不过在CSS写法上有些是不同的,就像继承样式一样,IE6就不需要中间加个空格,但是在FF上就需要一个空格了,要不然FF不会承认这个样式的存在,另外区别也有很多,...

相似回答