Question

直到最近，我的网站一切都很好并且正确对齐。只有在某个时候我才集成了thickbox onload。从那时起，该特定页面的对齐已经变得混乱。请帮帮我。

请浏览link以供参考

其他页面很好，但主页失真。请指教。

Answer 1

你把thickbox 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个解决方案：

删除thickbox css的第一行
将CSS放入并尝试。

正如@livetolearn所说，使用width时，您过去居中的方法会更好。

另一方面，您的CSS非常易于理解。例如，

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

=

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

Answer 2

从我的位置看起来不错。但是在FF中页面不居中。这是问题吗？添加：

#Table_01 { margin: 0 auto}

您在IE中遇到脚本错误 Poss“alerrt”拼写错误？

<script type="text/javascript">

function my_code(){
alerrt("

Answer 3

在您的css文件中

替换此代码

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

Answer 4

这些行位于thickbox.css中，但没有被正确覆盖。这可能是原因

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

网站对齐问题

4 个答案: