Deep Blue Theme在IE6下评论偏移的BUG修复

自从07年的12月10日用了Deep Blue Theme这个主题之后。就没再换过了。自己也稍微的做了一些修改,比如换了一张贴了个福的RSS图;比如把默认的搜索修改为使用Google的自定义搜索;比如修改边栏的边距等,总之,一步一步按照自己喜欢的方式修改。用着蛮舒服也就没想过换。

不过近期内有几篇幅日志的评论条数很大,发现用IE6浏览的情况下会出现严重的偏移情况,具体的在之前我也发表了篇日志求助(具体地可以点这里查看)。也到WordPress中文论坛发贴求助(具体的帖子可以点这里查看)。终于,在论坛里的underoneMonkeyKING的帮助下,再加上Google百度几下,终于让我给找到原因所在。

问题就是出在CSS上,评论的内容调用的CSS.comment-body这个样式。这个样式的内容:

.comment-body {
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	margin: 0px; padding: 10px;
}

原因就处在padding。默认设置是四个边距都是10px。也就是这个原因,造成评论循环的时候,出现重复偏移。也就是说每次都向右偏移10px。于是我把这个padding修改了一下。所以这个.comment-body的样式被我修改为:

.comment-body {
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	margin: 0px; padding: 10px 0px 0px 10px;
}

这样在IE6下,评论终于不再偏移了。因为我取消了padding的右边间距。但是这样会造成评论内容不是居中的情况,因为我们左边有间距10px。而右边没有。不过, 总比之前出现偏移造成评论内容无法完整显示的好。

我自己本职不是搞网页的,以上的也是因为有人指点又加上自己喜欢瞎摸才搞定的。因为我发现使用这个主题的人不少。希望能分享给大家。

作者:施炜煜
原文链接:Deep Blue Theme在IE6下评论偏移的BUG修复

《Deep Blue Theme在IE6下评论偏移的BUG修复》有9个想法

  1. -o- 我的theme肯定哟一些问题在
    现在后台经常点击按钮后显示空白页面...回头我也要查一下.

  2. 我的主题在2.3.3的时候,其他任何浏览器都没问题,但是就是在ie6下面会错位,搞不好和你是一样的问题,但是奇怪的是,我升级到2.5版本后,问题消失了。。。。汗。。

发表评论

电子邮件地址不会被公开。 必填项已用*标注