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


identical webpage looks different on virtual server instance and production instance

基本上,我想弄清楚IE6和ONLY IE6中的CSS冲突是什么,但CSS文件是相同的,所以它更复杂,让我们中的一些人把头撞到墙上。我完全赞成杀死脑细胞,但不是这样。

我有一个事件列表,它由一个条形图(png格式)分隔,但在生产实例上的IE6中,它看起来完全混乱和错误,重叠,只是。。。嗯,错了。在所有的虚拟服务器开发分支上,IE6中的一切看起来都很棒,间距正确,没有重叠,纯金。。。所以这只是生产现场。只有IE6。我已经研究了兼容性模式的问题,据我所知,它不适用于IE6。

是否存在可能导致此问题的服务器设置?我对这种事情不是很有经验,但我想把它抛在脑后。所以如果你有任何想法,请帮忙。

提前感谢!

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

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

CSS由客户端浏览器进行解释。是其他东西在生成你的CSS,比如PHP脚本吗?试着在生产环境和开发环境中的IE6中调出页面,并分别查看源代码,看看有什么区别。

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

在两个实例上,在地址栏中键入javascript:alert(document.compatMode),然后点击输入,验证您在两个站点上都得到了相同的结果。它可能显示Quirks或CSS1/2兼容模式。例如,生产服务器可能会在HTML页面的第一行添加DOCTYPE声明(如果不是第一行,则无效)-这将触发Standards Compliance模式,该模式将切换CSS框模型和表的呈现方式。