我有以下问题：
我正在制作这个网站。。。我使用的是html和CSS。我一直在努力维护CSS尽可能标准化，并在使用三种主要浏览器时进行检查：chrome、firefox和ie。在我的电脑中，它似乎运行良好(除了一些小细节)。然而，当其他人在其他屏幕维度打开它时，事情就会发生变化。有人知道为什么会发生这种事吗？看看我在说什么这是主页：
www.britobmarketing.com/ledtogo/index.html
我打赌它在你的一些电脑中会有点不对齐，但在我的电脑中它看起来很完美。压力很大！！！
此外，正如我所说，我正在努力保持CSS标准，以便每个浏览器都能看到相同的内容。但像Firefox和ie这样的浏览器无法识别我除了视频之外的三个按钮上的"圆边"效果。不过，它确实对其余部分有效，这让我很困惑！有人知道为什么会发生这种事吗？
非常感谢您的时间和帮助！！
这不是浏览器渲染引擎做不同事情的问题。
您没有考虑视口的可变宽度。页眉和页脚居中，内容固定在左侧。因此，随着视口变宽，页眉和页脚保持不变，居中并向左滑动。
因此，对于您的内容，问题在于：
#indexcontainter {
width: 980px;
height: 390px;
float: none;
margin-left: 170px;
}
在您的页眉中，margin: auto是居中的，使左右边距自动相等。但是对于内容，您在170px处硬编码一个左边距。
更改为使用自动边距，它开始工作得很好：
#indexcontainter {
width: 980px;
height: 390px;
float: none;
margin: auto;
}