网站对齐问题

Question

直到最近我的网站一切都很好并且正确对齐。不久前我集成了thickbox onload。从那时起，该特定页面的对齐方式就变得混乱了。请帮帮我。

请通过链接供您参考

其他页面都很好，但主页是扭曲的。请指教。

Answer 1

你把厚盒CSS放在你的CSS后面。

thcickbox css 中的第一行：

*{padding: 0; margin: 0;}

您的#main div 居中方式如何：

#main { background-color:; background-image: url('images/orange2.jpg')
    margin-right: auto;
    margin-left: auto;
}
body {background-color:;background-image: url('images/orange-20.jpg')} 
*{border: 0;margin-top: 0px;margin-bottom: 0px;}

由于使用了thickbox CSS，margin: 0 auto 方法被取消。

2个解决方案：

1. 删除thickbox css的第一行，
2. 将CSS放在后面并尝试。

正如 @livetolearn 所说，您用来居中的方法使用 width 效果更好。

另一方面，你的 CSS 是高度可优化的。
例如，

background-color:; background-image: url('images/orange2.jpg')

=

background:url('images/orange2.jpg')

Answer 2

在你的css文件中替换这段代码

#main {
background-image: url("images/orange2.jpg");
margin: 0 auto;
width: 900px; // replace with your width
}

Answer 3

从我所在的地方看起来还不错。
然而在 FF 中页面并不居中。这是问题所在吗？
添加：

#Table_01 { margin: 0 auto}

您在 IE 中确实遇到脚本错误
有“alerrt”拼写错误吗？

<script type="text/javascript">

function my_code(){
alerrt(" 

Answer 4

这些行位于 Thickbox.css 中，但未正确覆盖。这可能是原因

* {
    margin-top: 0;
    margin-left: 0;
}