今天试用了一个新主题，结果在后台“外观-主题”界面变成了这样（错位啦）：

clip_image002

最初以为是新的主题引起的麻烦，不激活，不行；删掉，还不行。意识到与新主题无关。

试着改变屏幕分辨率为1152 X 864，屏幕正常了：

clip_image004

由此可见是因为主题预览图撑坏了页面，虽不影响功能，但看着实在不舒服，研究了半天，总结解决办法如下（依从易到难顺序）：

1. 最简单的是换个浏览器，貌似只在 ie6 下发生此种情况，因我在 Vista ie7 下一直在用，没印象发生过这种情况，今又在出错的机子上换 FireFox ，也显示正常，估计是 ie6 乱解释 padding 的老问题所致（就不截图了）。

2. 次简单的办法是，你一次只能用一个主题，把不用的主题暂时不激活，只保留最多 2 个，页面自然也正常。

clip_image006

3. 比较彻底的解决方案无他，只有改 WordPress 的 CSS 文件了，追踪了一下，主题设置页面的格式控制是在这里：wp-admin\ wp-admin.css，记得修改前先备份哦，要修改两个选择器的 3 个地方：

.available-theme a.screenshot {

width: 220px; /*原为240px，因在ie6下后台-外观-主题页面错位，改小*/

height: 165px; /*原为180px，为与width同比缩放，改小*/

display: block;

border-width: 1px;

border-style: solid;

margin-bottom: 10px;

overflow: hidden;

}

.available-theme img {

width: 220px; /*原为240px，因在ie6下后台-外观-主题页面错位，改小*/

}

clip_image008

为什么要改两个选择器？最初我只改了.available-theme a.screenshot 类，发现这只是个窗口，预览图被剪裁了：

clip_image010

如果只改图片宽度，则页面依然是错位的。

注意：如果你的模板升级了，我估计还得重新改一次。

本文所述是在 WPMU2.7 下的情况，其他版本未试。

 

又长一知：以前从不知道链接 a 还可以定义宽度和高度：

ＣＳＳ文件中：
a.screenshot { width: 220px; height: 165px; }

ＰＨＰ文件中：
<a href="themes.php?action=…" class="screenshot">
        <img src=http://5d0d.net/…/screenshot.png alt="" />

这样图片就是在一个容器中了。