Internet Explorer 7和8截断网站内容

我花了几天的时间解决了这个问题，我似乎无法在任何地方找到解决方案，这使我疯狂。Internet Explorer 7和8截断网站内容

我创建了一个动态加载所有内容的网页，并且由于某种原因，内容在IE 7和8中被截断。它在Firefox和Opera中工作正常。

内容大于窗口的大小，IE会截断内容，因此垂直滚动条未启用。我试着将窗口最小化为一个更小的尺寸，好像IE只渲染适合窗口内容的内容，并且根本没有创建所有其他内容，因为我在刷新后最大化了窗口，它只显示页面的那部分适合较小的窗户。

如果你想看看我的问题，你可以去here，然后以管理员/ alalcoalalco登录，并在登录后点击菜单上的“管理员”链接，并降低您的IE浏览器的高度直到桌子的一半适合窗户。然后刷新页面，并在最大化窗口后，您将看到浏览器仅在窗口较小时呈现适合窗口内容的内容。如果你在opera和firefox中做同样的事情，它将完美运行。

有什么想法？任何事情都会非常感激。

谢谢！

来源

2010-07-11 Alvos

http://validator.w3.org/ – reisio 2010-07-11 02:51:29

为了向您提供以下答案，我必须花费相当多的时间在上面链接的页面上浏览所有HTML/CSS/JS，如同其他任何想要的人一样来帮你。您可以通过向我们提供* Short，Self-Contained Correct Example *来帮助我们：http://homepage1.nifty.com/algafield/sscce.html。 – 2010-07-11 18:43:31

对不起，我无法提供一个小例子。我只是不知道问题出在哪里，所以我不能减少代码，因为我不知道哪个文件导致了问题。 – Alvos 2010-07-12 00:00:20

我认为这个问题是在你的CenterWindow和CloseWindow职能范围内common.js：

function CenterWindow(controlMain, controlWindow) 
{ 
    var windowWidth = document.documentElement.clientWidth; 
    var windowHeight = document.documentElement.clientHeight; 
    var popupHeight = controlWindow.height(); 
    var popupWidth = controlWindow.width(); 

    controlWindow.css(
     { 
      "position": "absolute", 
      "top": windowHeight/2-popupHeight/2, 
      "left": windowWidth/2-popupWidth/2 
     }); 

    controlMain.css(
     { 
      "height": windowHeight 
     }); 
} 

function CloseWindow(controlMain, controlWindow) 
{ 
    controlMain.css(
     { 
      "opacity": "1" 
     }); 

    controlWindow.fadeOut('fast'); 
    controlMain.fadeIn('fast');  
}

页面加载时，CenterWindow（通过OpenWindow）被调用，以显示包含“正在载入”消息股利。稍后，调用CloseWindow来移除此“加载”格。在CenterWindow的末尾，您将controlMain（恰好是ID为divMain的div）的高度设置为浏览器窗口高度。但是，CloseWindow不会将divMain div的高度恢复到“加载”div打开之前的高度。

修复方法是线

controlMain.css(
     { 
      "height": "" 
     });

添加的CloseWindow结束。这将删除在divMain上设置的临时高度。

我无法解释为什么只有IE7/IE8出现这种行为。但是，我能够重现您的问题并确认我的建议可以解决问题。

来源

2010-07-11 18:27:54

我对你的朋友深表敬意。这实际上解决了我的问题。由于我最终得出结论认为它毫无意义，因此我在修改主控制器的高度时删除了部分代码。顺便说一句，我只是发现，出于某种原因，修改主控制的不透明度禁用了IE 7和8中的垂直滚动条，即使文档被完全渲染，我也无法向下滚动。我也消除了这部分，只使用淡入/淡出来完成效果，它的工作就像一个魅力。 – Alvos 2010-07-12 00:05:01

非常感谢您的帮助。我真的很感激你花时间去挖掘这一点。我真的需要一个不同的观点，因为我认为我花了很多时间来解决这个问题，所以我对自己的代码视而不见。再次感谢！我希望我能有机会尽快回复。 – Alvos 2010-07-12 00:06:11

我使用了验证工具，该文档似乎对HTML和CSS有效。我发现了一种简单的方法来查看网站中的错误，因为我发现它发生在所有页面上，而不仅仅是我告诉过你的页面。即使是带有静态内容的页面。

转到http://www.almaxsoft.com/importec/index.php（此页面仅包含静态内容），并且在加载页面后，降低IE 7或8浏览器的高度，然后刷新页面。你会看到浏览器窗口永远不会使垂直滚动条，因为它只是呈现适合的窗口，像波纹图像中的内容：

error1.JPG

后我最大化窗口，我可以看到内容已被截断，这就是没有被启用滚动条的原因，像下面的图片中：

error2.JPG

我作为一个新的用户，我不能发表图片或多个链接一条消息，所以我会在一个新的答复中发布图像库，供您检查它们。

任何想法？我真的可以用一些帮助。

谢谢！

来源

2010-07-11 15:45:58 Alvos

这是图像存储库http://www.almaxsoft.com/images/error1.JPG。同样的事情为error2.JPG。注意JPG的大写字母。如果你不使用大写字母，你将无法找到图像 – Alvos 2010-07-11 15:47:16

Internet Explorer 7和8截断网站内容

回答

相关问题