«
»

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

2008年04月21日 - 9 条留言 - WordPress - 浏览:5,750 | 大小:小 中 大 | 繁體 | English | 本文短网址为：http://bit.ly/cz8HA8

自从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修复

标签： , , , , ,

分享到： 新浪微博 豆瓣 开心网 人人网
本文作者：施炜煜
原文链接：http://firefore.com/2008/04/deep-blue-theme-ie6-comments-bug.html
发布于：2008年04月21号   最后修订在：2009年04月18号
版权声明:转载时请以超链接形式标明文章原始出处和作者信息。

相关日志 随机文章 最新文章 留言排行

读过这篇日志的读者同时也读了：
>欢迎您的来访。喜欢这篇文章么? 发表一下您的看法 好让我们能交流交流一下。
>建议您 订阅这里的RSS，这样您及时地获取更多精彩内容!
>Permalink：http://firefore.com/2008/04/deep-blue-theme-ie6-comments-bug.html
>Trackback Address：http://firefore.com/2008/04/deep-blue-theme-ie6-comments-bug.html/trackback

  1. 1. ucnext | 2008年04月22号 at 09:48:10 | #

    这样在IE6下，评论终于不再便宜了
    有个错别字。

    呵呵，写的很好。

    回复该留言
    • 2. 炜煜 | 2008年04月22号 at 11:00:19 | #

      谢谢指正啊，呵，我粗心，打了错别字。抱歉。

      回复该留言
  2. 3. 老吧 | 2008年04月22号 at 11:01:34 | #

    不会php，据传wordpress很强大

    回复该留言
  3. 5. yacca | 2008年04月22号 at 12:28:34 | #

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

    回复该留言
    • 6. 炜煜 | 2008年04月22号 at 14:25:45 | #

      估计是文件编码的问题。检查一下文件编码。

      回复该留言
  4. 7. Neo | 2008年04月22号 at 22:58:42 | #

    我的主题在ie6下也出错…原因还是没找到

    回复该留言
  5. 8. 可岛可薇 | 2008年04月23号 at 21:01:01 | #

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

    回复该留言
  6. 9. 技术资料 | 2008年11月16号 at 06:51:03 | #

    文章不错啊，继续加点好的文章来看看。看完了给你顶几下。(*^__^*) 嘻嘻…

    回复该留言