关于wordpress主题错位及侧边栏下掉的原因及解决办法

我的wordpress模板常常会出现侧边栏往下掉和主题左右错位的情况，尤其是在IE6和IE7之下，虽然新的wordpress版本已经不支持IE6，但不可否认的是，使用IE6的盆友仍然占了大多数，而使用IE7和Firefox的只占少数，而且，有时候即使是在IE7和Firefox之下，仍然会出现错位或者下掉的情况。我尝试了许多次，也参考了一些资料，总算大概找出了错位的原因，并找到了解决的方法。

1.wordpress主题左右错位的原因及解决方法。之前建立Achieves页面的时候曾经出现过一次这样的情况，即页面内容整体偏左，而右边则留出了很大的位置，前天升级到wordpress2.6的时候，又出现了同样的问题，而且均是在IE下出现。思来想去，这两次出现问题的时候有一个共同点，那就是启用了新的插件，上次是SRG Clean Archives插件，这次是启用了一键升级插件InstantUpgrade。会不会是插件引起的呢？在禁用这两个插件之后，果然页面显示在IE6、IE7和firefox3下均为正常。

2.wordpress主题侧边栏下掉的原因及解决办法。侧边栏下掉我发现有三种情况，一是部分下掉，二是全部下掉至右下侧，三是全部下掉至左下侧。

侧边栏部分下掉的原因及解决办法。之前发现望月的博客侧边栏从“站内搜索”开始下面的部件均下掉。经过分析，发现是在用Google定制站内搜索时搜索框过长，导致从站内搜索开始以下的部件全部下掉。同理，如果你的其他侧边栏部件出现过宽的情况，尝试将其缩小。

（以下内容参考自阿德日志）

侧边栏下掉至右下侧的原因及解决办法。不同的浏览器对.css ＋ HTML 的渲染算法稍有区别，这导致了常常firefox里面正常的，在IE7里面有点点不一样，在IE6里面浏览器认为，右边的空间不够用了，只好将侧边栏放到位于侧边栏原来位置的下面且左边没有内容的地方，于是就侧边栏错位了。解决方法也很简单，修改主题包里的style.css文件。关键是修改里面的page和content两个div容器对 应的宽度大小width属性值。要么让前者变大点，要么让后者变小点，这样对于发生错位的浏览器来说，侧边栏有足够的空间可以方了。操作很简单，你根本不 需要任何.css的知识，搜索#page 找到后，看它的width属性的数值，比如970。那么你将整个style.css文件里面所有数值是970的都改大一点点，比如980，反正知道浏览器 正常显示为止。当然也可以修改content那个数值，方法类似。

侧边栏下掉至左下侧的原因及解决办法。出现这种情况比较少，一般都是主题包的问题，如果只是个别网页有这种情况。则可能是博客文章的HTML代码里面包含一些类 似<div><!–DC  这样的代码，按照HTML的规则，类似C语言，一个<div>是要于</div>对应的，他们里面还可以再包 含<div><div>，这里平白无故多出来个<div>，导致浏览器在解析时候把这个div开始到侧栏甚至底部都 作为这个div容器的一部分了，自然，在渲染时候，他就把侧栏也当作左边正文content的一部分了，于是就给弄到留言框下面了。

经过修改之后，目前望月博客在IE6、IE7和Firefox下均显示正常，也麻烦各位盆友帮忙测试，同时万分感谢Fly同学的提醒和帮助。

Popularity: 7% [?]