因为我的ThinkPad T22现在还是在用IE6，所以发现了一点点小问题。

本文仅适用于Page的主题Page Ballon，详情请点此跳转，
请同时参照你下载的Page Ballon主题压缩包进行你需要的修改。

源于那篇要加密的『他』，
大家都知道常规来说，POST加密后会以

This post is password protected. To view it please enter your password below:

来表示，但是我这么做后，Sidebar就被挤下去了，我以为是文字没有断行引起的，
于是用

word-wrap & word-break

来处理，但是还是不行，我以为IE6不支持这两个，就去Page那里提问，

不过Page似乎被『PHP』和『加密』吸引了，
同时他认为IE6的不兼容是导致该主题不在国内发布的原因（已被WP.org收录），
可能是认为国内普遍还是在用IE6的原因吧？

其实，
我同时安装有FF 3.0.4, IE 7, Opera 9.62, Chrome, 还有一个IE 6的绿色版，
没办法，想偷懒得到Page的帮助看来是没可能，只好自己动手了。

.
1. Sidebar被挤到下面去

这个问题其实也是我太懒了，一开始就认为是断行或者其它问题，
等我往下拉的时候，发现是我几张超级大的图片把sidebar干掉了，
当然，对于图片要注意大小，可是也不能总挂心这种事情吧，OK，打开CSS，

找到 #maincontent 在后面的 {} 里添加 overflow-x:hidden;

作用是把元素的溢出部分隐藏起来，所以不会导致div maincontent被撑开。

.
2. 主文字区域(maincontent)的背景似乎不对

这个其实还没下手就先头疼了，我的CSS也是半桶水啊~
后面又重新把主题从FTP上抓下来（用完就删源文件的好习惯 :mrgreen:），
分析了一下css文件和img目录，

从img来看，
上面(.topcorner)和下面(.bottomcorner)的圆角，
是通过对一个图片(backtb.jpg)的padding↓↑15px来实现的（这招我玩过），
而主字域(.contentpadding)的边框，用图片(backm.jpg)实现背景和边线(repeat-y)，

从CSS来看，
其实前面在折腾撑开的时候就发现了，因为试过overflow:auto;，
因为边框都贴到日期的侧身了，而本来是缩进的地方是一个奇怪的图片，
发现似乎主文字域(.contentpadding)的左右有padding 20px，但是注释掉还是不行，
OK，恢复，放弃这个padding。

后来突然看到Page对

.topcorner .bottomcorner .contentpadding

的背景定义都是

background: url(img/XXX.jpg) XXX XXX center;

噢~ 明了~ 因为IE6会有莫名其妙的padding（暂时没精神去研究怎么来的），
因为Page把背景做了居中，于是 …… 就奇怪了，像这样，

.
解决很简单，去CSS，

找到 .topcorner .bottomcorner .contentpadding 三段
将后面 {} 内的语句中的 center 修改为 left 就行

小结：
关于第一个问题，我在CSS里面看到Page对.entry已经做过overflow:hidden;了，
理论上来说，那几个IMG应该归.entry管的，为什么在IE6无效呢，怪哉~
至于第二个问题，等测试过多种分辨率我再发表言论 ……

啰嗦了这么多，暂时在我的 绿色IE6/7/FF3于1027×768分辨率 试验成功，
等回宿舍用T22测试~

PS. 因为喜欢才做修改到尽量少问题，如果有问题请留言。
Continue reading →