在页面中有时候使用ul li列表时ie6、ie7、ie8、FF的高度会不一样(其中ie6与ie7高度一样,ie8与FF高度一样),设置高后使用 overflow:hidden;也无济于事,这个问题一直困扰着我,以至于我后来只能使用DIV来做列表,但是这样只能说是对付上的,但没从实际上解决这个问题。

后来在网上找到了一个方法,在li样式上加上vertical-align:bottom便解决了
Tags: ,
/* 最小寬度 */

.min_width{min-width:300px;

  /* sets max-width for IE */

  _width:expression(document.body.clientWidth < 300 ? "300px" : "auto");

}
Tags: ,
如下面一个网页

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>OYKSOFT-TEST</title>
<style type="text/css">
#parent{background:red;padding:10px}
#content{background:white;float:left}
</style>
</head>
<body>
<div id="parent">  
    <div id="content">…dddddd<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>…</div>  
</div>  
</body>
</html>

若子DIV content 为浮动元素,则即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。
parent红色背景的高度远不是想像中的那么高,而是低得多。
如何解决这个问题?
一、可以在content段的后面添加一个 clear:both 属性的DIV块,这个DIV的默认display: block,这样就会让parent容器自适应了。
    <div id="parent">  
    <div id="content"></div>  
    <div style="clear: both;display: block"></div>  
    </div>  
不过这样做,如果content段中内容很多,网页加载慢,那么在content没加载完成之前,parent的红色背景色仍然只在那个顶部一点点,要等到content完全加载完成之后,刷的一下,红色背景色窜到底部去了。这样的体验感觉是不是有点难受呢?shy
二、最简单的解决方法:将parent设置属性overflow,可以将值设为 auto 、 hidden等,必须要有这个值。
这个解决方法似乎比较完美。但遗憾的是,IE6中还是不能达到预期效果,parent的高度还是不够,而IE7及以上版本,火狐等其它浏览器都是可以的。后来查了一下资料,IE6中必须得指定parent的width属性才能够自适应高度,于是添加一个width宽度值,或者百分比。如width:100% ; width:500px等。这个width值设在这里确实有点多余啊,但IE6必须要这样设置,没办法。

于是要完全兼容,稳妥起见就一、二两种方案同时采用吧。

本博客的布局就出现这样的问题,一开始是用了第一种方案,后来才发现第二种解决方法更加完美。稳妥起见,一二种都采用了。
Tags: , , , ,

今天向大家介绍一些英文字体,希望在今后的字体设置中,对您的编码有所帮助。

Arial

Arial是一套随同多套微软应用软件所分发的无衬线体TrueType字型。虽然比例及字重(weight)和Helvetica极之相近,但 Arial其实是Monotype Grotesque系列的变种。设计Arial时考虑到会在电脑上面使用,在字体及字距上都作了一些细微的调整和变 动,以增加它在电脑屏幕上不同分辨率下的可读性。

Tags: , ,

4月7日消息,据国外媒体报道,Mozilla正计划修复火狐网页浏览器(Firefox)中存在了八年的错误。

  据报道,在火狐浏览器的层叠样式表(CSS)中的漏洞使得研发人员很容易从浏览器层叠样式表中获得用户已访问过的列表清单。

  尽管Mozilla早就了解这个错误的存在,但一直没有找到在不牺牲浏览器关键功能的前提下解决该问题的方法。

  Mozilla网页安全专家希德·斯塔姆(Sid Stamm)声称:“很明显,这个漏洞的修补方法可以通过禁用浏览器中访问链接和未访问链接的不同样式即可。但这样就牺牲了火狐浏览器的一项系统功能:关 闭该不同样式后,火狐浏览器不能为用户指出哪一个链接曾经访问过,哪一个链接是最新访问的网址。”

区别不同浏览器,CSS hack写法,从网上看到很多文章,现总结一下,尽量全面一点,备查。
注意下面介绍的这些hack写法仅适用于XHTML1.0。如果没有在HTML最前加上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

那么效果将不一样!此外,这里所说的IE8,不是指IE8的兼容模式,因为IE8的兼容模式其实就是IE7。


区别IE6、7与FF/IE8:
       background:blue;*background:orange;
引用
显示效果:
IE 6/7:orange
FF/IE8:blue
原理:FF/IE8不支持*开头,而IE6/7都支持。
Tags: , ,
分页: 1/2 第一页 1 2 下页 最后页 [ 显示模式: 摘要 | 列表 ]