Internet Explorer 7和8截断网站内容

Question

我花了几天时间解决这个问题，但似乎在任何地方都找不到解决方案，这让我发疯了。

我创建了一个网页，该网页可以动态加载所有内容，并且由于某种原因，该内容在IE 7和8中会被截断。尽管如此，它在Firefox和Opera中仍然可以正常工作。

内容大于窗口的大小，IE会截断内容，因此垂直滚动条未启用。 我尝试将窗口最小化为较小的大小，似乎IE仅呈现适合窗口内部的内容，而其他所有内容则根本不创建，因为我在刷新后最大化了窗口，并且只显示了页面的一部分适合较小的窗户。

如果你想看看我的问题，你可以去这里 ，然后登录作为admin / alalcoalalco和你在点击在菜单中的“Administración”链接登录后，并降低你的IE浏览器的高度，直到半桌子适合窗户。 然后刷新页面，最大化窗口后，您会看到浏览器仅在窗口缩小时才呈现适合窗口的内容。 如果您在Opera和firefox中执行相同的操作，它将可以完美工作。

任何想法？ 任何事情都将不胜感激。

谢谢！

Answer 1

我使用了验证器工具，该文档似乎对HTML和CSS有效。 我发现查看该错误的一种简便方法是发现所有页面（而不只是我告诉您的页面）都会发生该错误。 即使页面具有静态内容。

转到http://www.almaxsoft.com/importec/index.php （此页面仅包含静态内容），并在加载页面后，降低IE 7或8浏览器的高度，然后刷新页面。 您将看到资源管理器窗口从不启用垂直滚动条，因为它仅呈现适合窗口的内容，如下面的图像所示：

error1.JPG

最大化窗口后，我可以看到内容已被截断，这就是未启用滚动条的原因，如下图所示：

error2.JPG

因为我是新用户，所以我不能在单个消息中发布图像或一个以上的链接，因此我将图像存储库发布到新的回复中，供您检查。

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

谢谢！

Answer 2

我认为问题CloseWindow在common.js中的CenterWindow和CloseWindow函数中：

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 ）来显示包含“ Loading”消息的div。 稍后， CloseWindow删除此“加载” div。 在CenterWindow的末尾，将controlMain的高度（恰好是ID为divMain的div）设置为浏览器窗口的高度。 但是， CloseWindow不会将divMain div的高度还原为打开“加载” div之前的高度。

解决方法是添加行

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

到CloseWindow 。 这将删除在divMain设置的临时高度。

我无法解释为什么只有IE7 / IE8表现出这种行为。 但是，我能够重现您的问题并验证我的建议已解决该问题。