IE不管设置div的高度与否,都会根据内容来自适应高度。但是Firefox就没有这么聪明了。
1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般情况下这个属性基本上弃置不用。在IE里面,height基本上就可以当作minheight来用,因为如果内容超出height,IE会自适应其高度。但是一旦设置了 height以后,FIrefox就不会自适应div的高度了。所以只能两个属性都不用,干干净净地写<div>cookseo.com</div>。
2.即使不设置固定高度,Firefox对高度的自适应也不那么尽人意。如果需要在一个层内嵌套一个需要float来规定的层,那它就又失灵了。其实有个最简单的方法,就是在div内的最下面加一个clear:both的div。例如:...
有很长一段时间没有写关于Css方面的文章了,今天刚好有空,就整理了一些Css兼容性问题解决的方法。当我们使用不同的浏览器(IE6.0,IE7.0,FireFox)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显示出来正常,有的显示出来不正常,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题。而兼容就是一种办法,能让你在一个CSS里面独立的写支持不同浏览器的样式。
下面列出区分IE6.0,IE7.0,FireFox的CssHack写法:
代码如下:...
daniel,2009/4/20 Tags:css hack DIV+CSS hack IE6.0 IE7.0 Firefox
使用HACK,可以巧妙地实现不同浏览器的兼容效果。主要使用*,_,!important;不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。...
今天朋友发现他的网站左侧的产品列表只显示了一部分,还有一部分没有显示,问我是什么原因,朋友用的是IE7,当时做网站的时候,我用的是FF,Myie,IE6测试均通过,没有出现排版错位的现象,IE7是例外,我没有用。今天下载下来一调试,果然是只显示一部分,现问题已经解决。并整理出来与大家共享!
在控制显示的层的样式表里面加上下面代码: