HTML自动保证金

时间:2010-11-19 22:25:16

标签: html margin

好的就在这里。

通常我在HTML中做得很好,但对于这个具体问题,我无法帮助它寻求帮助..

我一直在四处寻找,但我找不到任何可以解决的问题(最糟糕的是,它就像1天前那样工作,而且我无法记住我做了哪些改变)

http://beta.deaglegame.net

在Firefox中,它正确居中(我正在使用3.6)但是当我尝试使用chrome,safari和某些版本的IE时,它会向左对齐。

所以,如果你能看一下我的来源,也许让我知道是什么原因造成的,那我真的很棒!

http://beta.deaglegame.net/css/style.css

这是我的html和容器元素样式。

html, body {
background-image: url(../images/background.png);
background-repeat: repeat-x;
background-attachment: fixed;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
margin: 0;
color: #282949;}

#all {
width: 920px;
margin:auto;
position:relative;
height:auto;
overflow:hidden;}

感谢任何人!这可能看起来很简单,但是,我无法解决它。

2 个答案:

答案 0 :(得分:1)

多个问题。

您的HTML中没有#all设置。将您拥有的#mainContent更改为#all并将其设置为中心(只是尝试过并且有效)。但是,我建议将其更改为一个类,因为您只能使用一次ID,并且您需要将多个元素集中在该表中(我建议删除并替换语义代码)您需要将头表中心与#all和#mainContent。

希望这有帮助!

答案 1 :(得分:0)

看起来浮动或宽度可能有问题。 你有没有尝试删除一些花车,你可以通过在浮动元素周围放置一个容器并使其溢出来隐藏你的css中的浮动。

格尔茨。