firefox下背景图片居中错位的CSS方案
Posted by hanbal, 2008-10-05, 17:40 
如下所示，是style.css初始的body属性，在这个属性下，出现了上述问题。
1: body {
2: width:942px;
3: background: #eee url(img/containerbg.gif) repeat-y center;
4: margin:0 auto;
5: padding: 0;
6: }
修整方法得到CSSBBS论坛上一位热心网友的鼎力相助，style.css修改方法如下：
1: body {
2: width:942px;
3: background: #eee;
4: margin:0 auto;
5: padding: 0;
6: }
7:
8: #center{
9: width:942px;
10: background: url(img/containerbg.gif) repeat-y center;
11: margin: 0 auto;
12: height:auto;/*高可以给固定值或自动,根据需求*/
13: }
然后在theme中header.php之body标记开始之后和footer.php之body标记结束之前分别添加如下1、2两个代码：
1: <div id="center">
2: </div>
ok！不论在什么浏览器下显示都正常了，在firefox下居中是要多一个div的。另外，在live writer中写日志时，不论窗口多大都显示正常（之前有点小小的不正常，也是水平错位）。在此向这位网友表示感谢。现在这个主题基本算是修理的差不多了。
访问您感兴趣的本博赞助商网站
向你学习了,我对CSS不太懂
CSS还是应该学习一下的，对于网站的美化实在太有帮助。我当初也是自己摸索学了一些，只能算是略懂吧。