最近网站换上了流行的 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正常,看来日历是没有任何问题的。
我想说的是,遇到问题大家要多动动脑筋,网上是丰富的资源宝库,但很多时候要我们自己思索,自己探究才能解决自己的问题。就像这次,大家可能不是广告,可能是其他地方凸出来,只要有了思路,所以的问题都可迎刃而解,这,也是网络给我们最根本的方法,授人以鱼不如授人以渔!