我正在开发一个可以访问我公司内部网的网站。我在我的计算机上本地开发它,在不同的浏览器和同事的计算机上检查它,当它完成后我把它交给了IT。他们将相同的副本放在登台服务器和生产服务器上。这是一个仅使用html,javascript和css构建的网站。没有服务器端脚本。它还使用Autodesk的DWF查看器插件。它是一个单独的独立页面(不是CMS的一部分),允许用户将绘图加载到查看器中,然后单击以查看保存在一系列js数组中的空间信息数据库中的信息(空间数据库软件吐出js包含数组文字中列出的所有信息的文件,创建了一大堆全局变量 - 呃,但我离题了。)
当我按照他们的链接(使用IE 8)时,登台服务器上的版本看起来像预期的那样,但布局是从生产服务器上的版本中进行的。具体来说,似乎一个div应该流到div的右边float: left
显示在全宽度的浮动div下面,好像它是clear: left
(它不是) 。它也有错误的高度。
我从每个文件下载了文件,它们与我的本地版本相同。沮丧,我清除了我的浏览器缓存,重新启动了我的电脑,在同事的计算机上检查了它也有IE 8.所有相同的问题。登台服务器不错。生产服务器坏了。
最后我卸载了IE 8并在IE 6中查看了它。两个版本看起来都很好。
所以,回顾一下。两个不同的服务器没有服务器端脚本。相同的文件。一个浏览器同意它们是相同的,另一个不同意。什么可能导致这种情况?
答案 0 :(得分:9)
您是否检查过IE8是否在兼容性视图(IE7渲染)中呈现?默认情况下,IE8在兼容性视图中的“Intranet区域”中呈现正常模式中的所有内容。
您可以使用URL栏右侧的小破页按钮更改模式。
答案 1 :(得分:-1)
除了兼容性设置之外,对于相同页面,其他可能因计算机而异的内容:
字体大小。 Windows允许系统范围的字体调整大小,影响布局。它可以解释第二个div落在第一个div之下。
分辨率。这可能是解决问题吗?也可以解释div问题。