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

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

1

  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里面的
[sourcecode language="html"]img {max-width: 100%;height: auto;}[/sourcecode]

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

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

很多大型网站都有css reset,想了解更多的可以看看这方面的资料。

相关推荐

Comment (1)
Trackback (0)
  1. 阅城 unknowunknow 沙发 2010/01/21 19:05

    我是在header.asp里面加了以下代码渲染的ie7:

    你可以试试,挺不错的~
    ps:本来想申请个链接来着,可是你的pr≥5让我望而却步了。。
    [reply=BestChao,2010-01-23 10:17 PM]谢谢你提供的方法,至于链接以后有机会吧。[/reply]

  • 还没有Trackback

发表评论

You must be logged in to post a comment.