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

Posted by 炜煜 | 浏览: 539

2008年04月21日

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

不过近期内有几篇幅日志的评论条数很大，发现用IE6浏览的情况下会出现严重的偏移情况，具体的在之前我也发表了篇日志求助（具体地可以点这里查看）。也到WordPress中文论坛发贴求助(具体的帖子可以点这里查看)。终于，在论坛里的underone和MonkeyKING的帮助下，再加上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修复