刚使用的主题WordPress主题常常有侧边栏错位，被放到留言框下面 或者 在原来侧栏位置的下面留言框右下脚的位置。

现象一：侧边栏位于留言框位置的右下角，既侧边栏原来位置的下面且左边没有内容的地方。

原因：不同的浏览器对.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的一部分了，于是就给弄到留言框下面了。

我上次用某个博客备份软件，将网易博客备份成.xml然后导入到wordpress博客里面，结果导致很多文章里面有类似<div><!–DC这样的代码，导致了上面说的这种情况，起初在在源码里面找原因，着实花了我好长时间。平常正常的编辑一般不会导致这种情况，可以用<!—->对HTML进行注释的，而且一些插件也是这种调用方式的。

解决方法：原因里已经提到了～～，当然也不排除主题包的问题，但如果是主题包的问题一般是所有网页都这个样子的，如果是的话，那看看主题包的代码吧～。

[相关文章]
[相关图片]
(标签：wordpress)
[版权&共享]