-3

我有以下问题：

我正在制作这个网站...我正在使用 html 和 CSS。我一直在努力保持 CSS 尽可能标准，并在使用三个主要浏览器时进行检查：chrome、firefox 和 ie。在我的电脑中，它似乎工作正常（除了一些小细节）。但是，当其他人在其他屏幕维度打开它时，事情就变得不合适了。有谁知道为什么会发生这种情况？看看我在说什么这是主页：

www.britobmarketing.com/ledtogo/index.html

我敢打赌，在您的某些计算机中它会有点不对齐，但在我的计算机中它看起来很完美。好紧张！！！

另外，正如我所说，我正在尝试保持 CSS 标准，以便每个浏览器都能以相同的方式查看它。但是像 Firefox 和 ie 这样的浏览器无法识别除视频之外的三个按钮上的“圆边”效果。它确实适用于其余部分，这让我感到困惑！任何人都知道为什么会发生这种情况？

非常感谢您的时间和帮助！

4

1 回答 1

3

这不是浏览器渲染引擎做不同事情的问题。

您没有考虑视口的可变宽度。您的页眉和页脚居中，您的内容固定在左侧。因此，随着视口变宽，页眉页脚保持不变，中心向左滑动。

因此，对于您的内容，问题在于：

#indexcontainter {
  width: 980px;
  height: 390px;
  float: none;
  margin-left: 170px;
}

在您的标题中，margin: auto居中是什么，使左右边距自动彼此相等。但是对于内容，您将左边距硬编码为170px.

将其更改为使用自动边距，它开始工作得很好：

#indexcontainter {
  width: 980px;
  height: 390px;
  float: none;
  margin: auto;
}
于 2012-09-19T23:14:59.600 回答