HTML 自动边距答案

【问题标题】：HTML Auto marginHTML 自动边距
【发布时间】：2010-11-20 06:35:34
【问题描述】：

好吧，就这样吧。

通常我在 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;}

感谢任何人！这看起来很简单，但是，我解决不了。

【问题讨论】：

标签： html margin

【解决方案1】：

多个问题。

您的 HTML 中没有设置#all。将您在那里的#mainContent 更改为#all，它将居中（刚刚尝试过并且有效）。但是，我建议将其更改为一个类，因为您只能使用一次 ID，并且您需要像该表一样居中的多个元素（我建议删除并替换为语义代码）您需要将标题表与 #all 居中和#mainContent。

希望这会有所帮助！

【讨论】：

好的，非常感谢，我会调查的！非常感谢您的回答，非常感谢

【解决方案2】：

看起来您的浮动或宽度可能有问题。您是否尝试删除一些浮动，您可以通过在浮动元素周围放置一个容器并给它一个溢出来取消 CSS 中的浮动：隐藏。

问候。

【讨论】：

我改变了一些东西，现在看起来可以工作了，谢谢你的输入！