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

时间:11-04-14 栏目:微博营销 作者:月飞 评论:3 点击: 2,552 次

前几天,有朋友到电商圈博客里来留言,告诉我博客的评论错位了,开始没怎么在意,因为,测试了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一下:

电商圈SEO大赛博客评论

电商圈评论错位问题

找到了问题的根源,那么,就接着解决问题,下面又不得不推荐一个工具了,那就是火狐的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


From 美国主机评测博客, post 电商圈博客的评论的错位问题

Post Footer automatically generated by wp-posturl plugin for wordpress.

 
关于本文作者

月飞,互联网小站长一名,做过一些网站不过都不成气候,都被一一抛弃,偶尔捣鼓下博客,偶尔分享些互联网心得,偶尔也发发牢骚........

QQ 号码:914903620
腾讯微博:http://t.qq.com/soft0604
新浪微博:http://weibo.com/ushosting
搜狐微博:http://zzbaike.t.sohu.com/

电商圈博客的评论的错位问题:目前有3 条留言

  1. 板凳
    自贡SEO:

    站长很厉害哦

    2011-04-14 6:58 pm [回复]
    • O(∩_∩)O哈哈~,厉害时不敢当啊。。

      2011-04-15 9:18 am [回复]
  2. 对css文件一知半解,看了兄弟的文章后豁然开朗

    2011-04-16 2:41 pm [回复]

发表评论