读书笔记

让浮动元素父容器自适应高度的三种方法

2012-11-2更新

关于清除浮动,下面的方法虽然有效,但已经有些旧了,建议大家看这篇文章推荐的清除浮动的方法

Which method of 'clearfix' is best?

浮动元素由于脱离了文档流,无法撑起其父元素的高度,如果父元素要显示背景或边框时就不能置之不理了。使浮动元素的父容器自适应高度的方法有三种:

方法中使用到的css定义

<style type="text/css">

.fl { float: left }
.cb { clear: both }

继续阅读让浮动元素父容器自适应高度的三种方法
PHP

SSL加密不完全的https页面在IE中弹出警告的解决方式

IE8以及更低版本IE浏览器在浏览SSL加密https网页时,会弹出一个警告窗口,警告用户该网页存在不安全内容,是否只查看安全内容,如果选是,往往会看到一个凌乱不堪的网页,很多图片都无法显示。从开发者角度讲,应该尽量避免这种情况发生。

理论上讲只要使用ssl加密的网页存在混合内容(mixed content),就会触发安全警报,混合内容就是指http和https共存的页面内容,实际测试时发现,并不是所有的http链接都会触发安全警告,只有以下几种情况会。

继续阅读SSL加密不完全的https页面在IE中弹出警告的解决方式
PHP

谨防浏览器的怪异模式捣乱

最近研究一个oscommerce的模板,IE浏览器总是出一堆奇奇怪怪的问题,比如载入的时候图片和文字还存在,等网站全部载入完毕后这些图片和文字就莫名其妙的消失了,开始以为是绝对定位有问题,搞了很久没效果,偶然在IE的调试工具中看见Quirks模式,一下搞明白了。。。

怪异模式,与DTD声明密切相关,如果DTD声明漏写,就会使浏览器按照怪异模式解析。DTD(Document Type Definition)即文档类型定义,它给你的HTML文档定义了一个规范,这个规范里有很多规则,你的HTML标签是大写还是小写,是否需要闭合等是不是正确就取决于这个规范。不同DTD会影响浏览器解析同一个网页的方式。浏览器解析网页时可以按照标准模式和怪异模式来进行。标准模式是我们现在最常用的模式,而怪异模式是给旧版本浏览器使用的,例如IE4,Navigator 4。如果用怪异模式解析一个按照现在W3C标准书写的网页,可能就要出错了。

继续阅读谨防浏览器的怪异模式捣乱
WordPress

移除Magpress主题的footer链接看wordpress免费主题安全性

最近发现一个主题网站叫mapgress.com,主题功能很不错,无论是前台外观还是后台功能都不输给收费主题,应客户的要求拿来三个主题开始做定制化。开始做的时候就发现了,这个网站主题的footer代码不可以更改!无论是删除全部链接,还是添加自己的链接都不行!

继续阅读移除Magpress主题的footer链接看wordpress免费主题安全性
Opensource

cufon字体IE浏览器兼容性问题

cufon字体可以让我们在网页上使用自定义的字体,实现和图片一样的效果。cufon字体的使用可以参考文章Cufon-网页设计师必备字体效果

通常情况下,cufon只支持使用简单的标签,你不能使用一些级联选择器,例如#menu ul li等等。经过测试发现,firefox和chrome都支持这种选择方式,但IE不支持。最简单的方法就是引入一个选择器引擎来帮助我们实现这个功能,例如jQuery,这样js引用情况如下:

继续阅读cufon字体IE浏览器兼容性问题
Opensource

WordPress CKEditor smiley表情图标定制化

WordPress默认的编辑器不是很好用,我习惯将它替换成CKEditor,安装CKEditor For WordPress即可。安装后编辑器将被替换,评论框的编辑器默认会被替换成CKEditor,有时候会导致模板样式错乱,可以在CKEditor->Basic Settings中禁用。

定制表情的方法

CKEditor默认的smiley表情不适合中国,我们可以将表情改造一下换成自己喜欢的表情,方法如下。

继续阅读WordPress CKEditor smiley表情图标定制化