相同的网页在虚拟服务器实例和生产实例上看起来不同

Question

基本上我想找出IE6和IE6中似乎是CSS冲突的内容，但CSS文件是相同的，所以它更复杂，并且让我们中的一些人抨击我们的头。我全都是为了杀死脑细胞，但不是这样。

我有一个由条形图像（以png格式）分隔的事件列表，但在生产实例上的IE6中，它看起来都搞砸了，错了，重叠，只是......好吧，错了。在所有虚拟服务器开发分支上，IE6中的一切看起来都很精彩，间距正确，没有重叠，纯金......所以它只是生产网站。只有IE6。我已经研究了兼容模式的东西，根据我的理解，它不适用于IE6。

是否存在可能导致此问题的服务器设置？我对这种事情不太熟悉，但我想把它放在我们身后。如果您有任何想法，请帮忙。

提前致谢！

Answer 1

有多种原因可以在另一台服务器上以不同方式呈现网页：

• 检查您是否在浏览器中使用相同的互联网安全和兼容性设置（这仅适用于IE）。
• 检查域名是否未在任何地方进行硬编码。
• 通常，检查是否正确加载了所有资源。例如，生产服务器可能缺少关键CSS文件。最好的方法是使用浏览器的开发人员工具，IE6必须download。
• 此问题不太可能，但也可能是由于生产服务器的延迟较长而导致此问题。确保在构建之前不要访问浏览器的DOM。在IE6上，可能还有很多其他时间问题。尝试访问您的开发和生产服务器，增加来自多个站点的延迟。

Answer 2

CSS由浏览器解释，即客户端。还有其他东西生成你的CSS，比如PHP脚本吗？尝试在生产环境和开发环境中提取IE6中的页面，并为每个环境查看源，并查看差异。

如果存在差异，请发布生成此输出的PHP代码，我们可以建议可能导致这些差异的原因。

Answer 3

在两个实例上，在地址栏中键入javascript:alert(document.compatMode)，然后按 Enter 并验证两个站点上的结果是否相同。它可能会显示Quirks或CSS1 / 2 compat模式。例如，生产服务器可能会在HTML页面的第一行添加DOCTYPE声明（如果它不是第一行则无效） - 这将触发标准合规模式，该模式将切换CSS框模型和方式表格被渲染。