WordPress在IE下Sidebar显示定位错误的问题已解决

一直使用Firefox,偶尔用IE上一下这个Blog,却发现Sidebar显示在了首页所有文章的下面,究其原因,原来是在最近的几篇文章中,有几个pre或code元素的宽度超出了左边这部分的宽度,从而占用了右边的Sidebar的空间,而IE又没有很好的解决Overflow的问题(参见Migrate apps from Internet Explorer to Mozilla中的CSS overflow differences部分),于是在css中添加如下代码:

#sidebar {position: absolute; left: 120px;}

将Sidebar改为绝对值定位,问题解决,同时将pre和code加上了

overflow: auto;

这样贴代码的时候如果宽度太宽,会自动出现水平滚动条的,当然,由于IE没有很好的支持这项属性,因此在IE下是看不到这个效果的。

IE 6.0仍然无法显示PNG图片文件的原貌?

最近写一个帮助的时候无意中发现了这个有意思的事情,本来我都是在Mozilla中查看所编写的帮助文件的,突然想看一下它在IE中的效果,结果很是让我震惊:

IE看PNG图片的乱码

还以为是图片出了什么问题了呢,但在Mozilla中看还是正常啊,看着那其实比较有规则的图片中的“白花”,我觉得这是IE的问题,也许使用HyperSnap截的图格式不是十分标准?也许压缩的时候出了点问题?于是我用GIMP把图片文件打开,不用做任何修改,直接保存一下,在IE下就显示正常了。

使用GIMP打开并保存一下就不乱码了

PS: 一般Windows窗口的截图,PNG格式都会比JPG格式要小,尤其是颜色比较规则、只有简单图形和文字的画面。

Update @ 2008-08-30

IE6下PNG透明的问题终于有了变通的解决方案────在背景中放个透明的gif文件,虽然有些文不对题,还是记在这里好了:Unit PNG Fix & IE PNG Fix – 解决IE6下PNG透明问题