枫叶似霞的BLOG

枫叶似霞—火红的枫叶,就像傍晚的霞一样,带给人温暖!

« 网站换了新样式微软正式推出IE 8,建议大家谨慎更新 »

z-blog j-spring样式侧边栏下沉问题解决办法

    最近网站换上了流行的 j-spring样式,确实漂亮了许多,自己测试也没有问题,但没过半天就有朋友反应侧边栏下沉的问题,我也听说过这类问题,开始以为自己没有遇到挺幸运的,没想到还是躲不过,这种现象一般只出现在IE6,IE7及以上版本或其他浏览器(如:firefox,chrome)都会显示正常,这就是我一开是没有发现的原因,我测试了所以几种浏览器,单单忘了古老的也是最普遍的IE6。算了,不多说,想办法解决吧! 

    google了一下,发现这是一个普遍的问题,下面提供网上流行的方法:

        解决侧栏下沉的问题请修改#divCalendar div下面的代码:padding:0 0 5px 8px;  红色部分代码改为0 0 0 0

    这种办法最流行,但是很失望,失败了,还是一点反应没有,再看看原理:

        问题在padding的参数,0、0、5、8依次是div上右下左的内边距。试着把padding:0 0 5px 8px;中的8改为7,便正常了,只是日历右偏,改为4貌似挺合适。小雨有些矫枉过正,四个数值都改成了0,大勇则本来就是0、0、5、4,他的疑惑应该与浏览器有关。话说回来,我用的The World 2.0还是依托IE6的残疾身躯,不晓得其他浏览器下什么效果,但愿不要出错。

    这段说说得不明不白,也没有提出什么具体的方法,还有网友说去掉日历,但还是很失望,去掉了日历还是没有变化。直至我找到月光博客的 j-spring.css文件,覆盖掉我的,本以为会解决问题,但侧边栏还是下沉,看来问题不是处在css文件上。

    还是自力更生吧,仔细看这几个参数,终于总结出一个道理,应该是什么东西比侧边栏的宽度大,导致了显示不了,只有下沉,那是什么组件超过侧边栏宽度呢,我仔细找下去,终于发现我的google广告多出来一点,赶紧打开广告代码看看,其中有一条:<li style="background:none;padding:0 0 0 15px;">就是它了,一个原理,吧15px改为0,再刷新,ok,终于正常了。再加上日历模块,重建,ok正常,看来日历是没有任何问题的。

    我想说的是,遇到问题大家要多动动脑筋,网上是丰富的资源宝库,但很多时候要我们自己思索,自己探究才能解决自己的问题。就像这次,大家可能不是广告,可能是其他地方凸出来,只要有了思路,所以的问题都可迎刃而解,这,也是网络给我们最根本的方法,授人以鱼不如授人以渔!

 

  • quote 3.E网情深
  • http://www.anydd.com
  • 我现在也遇到这个问题,还是看不懂怎样处理,希望博主能指点一二
    枫叶似霞 于 2009-5-12 20:55:22 回复
    真是不好意思,您的问题我也解决不了,因为我只是解决了首页的下沉问题,文章页还是有问题,我已经请教了很多了,但还是没有解决,抱歉了。希望高人出现吧。
  • 2009-5-12 19:27:36 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Search


最新评论及回复

最近留言

最近发表

站长邮箱:jzhljr@163.com Powered By Z-Blog 1.8 Walle Build 91204 

Copyright 2008-2009 www.mapley.com.cn 枫叶似霞-版权所有 枫叶允许非商业用途的转载,但须保持内容的原始性并以链接的方式注明出处。

友情链接检查 晋ICP备09000576号