pjblog皮肤IE8下日历错位解决方法

  
  IE8的出现,给PJBlog的皮肤带来了一些兼容性方面的问题,最为突出的2个地方就是:博客日历和文章页上一篇下一篇的位置。这也是论坛上对这2个地方总是提出疑问。现在有了很好的方法来解决这个问题—css reset。
  我们可以把它叫做CSS重设,也有人叫做CSS复位、默认CSS、CSS重置等。CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的规则解释CSS,这样就能避免发生这种问题。对于css reset 大家也可以Google一下。
  论坛上的朋友曾经用* {margin:0px;padding:0px;border:0px;}来解决IE8下日历的问题,不过用这个的话会出现一些新的问题,当然这些问题是细微的,就是比如我准备发表一篇文章,在选择日志分类上的会没有了那个外框,前面的1,2,3会在边框外面,对于追求完美的看着肯定不舒服的(不追求完美的请路过)。
  完美的解决方法是:将global.css里面的
img {max-width: 100%;height: auto;}

删除(可能有的和这个不全一样,就是img{}这段删除),换上下面的就可以了。
img,div,form,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
li{ list-style-type:none;}

这段css可以将2个问题都解决了,日历和文章页上一篇下一篇的位置的错位问题。
  其实* {margin:0px;padding:0px;border:0px;}也是css reset的一种,只是这里用有点小问题而已,很多大型网站都有css reset,想了解更多的可以看看这方面的资料。


上一篇: 使用Dreamweaver+SVN告别FTP
下一篇: 网游公司利用Q币炒作的一些闲谈
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 博客
相关日志:
评论: 1 | 引用: 0 | 查看次数: -
回复回复阅城[2010-01-21 07:05 PM | | | del]
我是在header.asp里面加了以下代码渲染的ie7:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

你可以试试,挺不错的~
ps:本来想申请个链接来着,可是你的pr≥5让我望而却步了。。
回复来自 BestChao 的评论 BestChao 于 2010-01-23 10:17 PM 回复
谢谢你提供的方法,至于链接以后有机会吧。
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.