电商圈博客的评论的错位问题

前几天，有朋友到电商圈博客里来留言，告诉我博客的评论错位了，开始没怎么在意，因为，测试了IE8、火狐、360浏览器、傲游浏览器下都没偶出现问题，也就没放在心上。

昨天，有几位参加电商圈大赛的朋友，来博客留言访问，再次提出了博客评论的错位问题，说电商圈的”博客图片错位啦 ！ IE8 360浏览器的“，难不成还真的有错位的情况吗，既然有朋友提出来，想必那肯定出现了错位的情况，于是就找到测试工具来看下。

什么测试工具呢？那就是IETeseter，说实话话，这个工具真是太好用了，也可以说IETester是一个非常棒的网页设计师的必备工具,有了这个工具,就可以知道网页在IE6,或者IE7,或者IE8 beta2的显示情况，IETester v0.2.3可以测试IE5.5,IE6,IE7,IE beta2等4个IE浏览器。

测试IE6没问题，测试IE7浏览器问题来了，还真是出现了那些朋友所说的错位问题，上图Look一下：

找到了问题的根源，那么，就接着解决问题，下面又不得不推荐一个工具了，那就是火狐的Firebug工具，这是火狐的一个插件，测试网页中的错误代码，当页面中出现对齐错误、页面错误时，都可以那这个工具做下测试，很快找到了问题的根源。

原来这个主题的制作者在进行模板的制作所，忘记了还原浮动的内容了:

.authorinfo {
margin-left:0;
margin-right: -140px;
}

这就使得主题向右浮动了140个像素，而它在页面中没有对齐还原，也没有对IE7浏览器进行判定，那么，接下来就还原代码吧！修改上面的代码：

.authorinfo {
margin-left:-140px;
margin-right: -140px;
}

先使得其右浮动消失，然后，在header.php文件中添加IE7浏览器的判断，页面代码中加入：
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="XXXXXXXXX" />
<![endif]-->
加入代码之后，一起就都还原回来了，在IE6、7、8下都没有问题了，O(∩_∩)O~…

谢谢那些给电商圈博客纠正问题的朋友，如果发现博客还是有错误的相信，那么，请您提出来，我也好及时的做修改。

上面说到的那个IETester工具，有感兴趣的朋友可以拿来使用，当做自己修改网站代码有效的工具。

IETester下载：http://down.zzbaike.com/download/IETester-1502.html