昨天换了这个叫做Big Pencil的主题，颜色比较淡雅，感觉看着心情挺舒畅的，一时得意啊。浪人和Twilight都来视察了我的Blog，也没有就我的主题留下什么宝贵意见，那至少说明没有什么大错误嘛~可是我忘了一件事，我们三个都是用Firefox浏览器的，而我测试IE下显示效果的时候用的是我自己机器上用xampplite架的WP，里面的日志没有图片……

结果就出了问题，今天Shirly和我说页面显示有错，首页有一大段的空白，于是本怪兽进食完毕之后赶紧开机上网，一探究竟，果然不出我所料，又是IE6这倒霉孩子惹的祸，在Firefox下正常的页面，在IE6中打开时，第一篇文章的开头文字和第一张图片之间，出现了很大的一块空白，第一张图片的位置与sidebar的底边平齐了。

我和Shirly写在日志里的图片都是存在Yupoo或者是Bababian里面的，这两种相册自动缩放的中等大小宽度都是500px，可是昨天新换的这个主题，显示文章的区域宽度不足500px，于是在Firefox中，超出的部分就显示在了总宽度之外的区域，所以仔细看会发现其实超出了页面右边缘，但是没有出现空白。而在IE下，为了有空间显示而不超出边界，就把宽度大的部分放到了sidebar下方去显示了，于是就出现了一大块的空白。

我的解决方法是治标不治本的：修改style.css，将页面宽度略微调宽了一些，让显示文章的区域大于500px，这样就没这个问题了，因为我们不会贴超出这个宽度的图片上来的，而文字是会自动调整的。

然而我记得是有一个参数可以解决这个问题的，设置了之后可以让div中超出本div宽度的部分不显示，类似于overflow之类的，人懒了不想查，于是就先这么放着了。

不过还是得赞一下Firefox的处理方式，比IE6的要人性化许多啊，至少我是这么觉得的。

[tags]Firefox,IE,CSS[/tags]

我是一个网页设计者，可能不合格，但确实是。

我关注网页设计领域的动态、标准。还记得几年前了解到CSS，发现它的妙处时的惊奇。

可是在CSS的支持和解释上，随着最近使用的增多，我越来越发现到FireFox和IE之间的区别，也越来越郁闷不得不为了兼顾二者而放弃一些特性。

今天看了一篇文章《CSS3 Tips:个性化的链接》，不禁感叹CSS的发展和日益强大的功能，可惜的是IE并不支持……

作者提供了一个实例页：http://www.punkprojekt.com/upload/punkid/tmp/CSS3-LINK-STYLE-SAMPLE/sample.html

请看看在FireFox和IE下两者的区别：

差距之明显可见一斑啊。

可以点击下面的链接看大图：

在IE中的效果

在FF中的效果

现在我的Blog主题也是为了能够满足大多数使用IE的人不会看到奇怪的页面，有的地方不得不做出调整，可惜怎么也达不到Firefox中的效果。但是我又不可能强求周围的人都去用FF啊……

标准的郁闷……