Question

我已经花了几天时间解决这个问题，我似乎无法在任何地方找到解决方案而且这让我疯狂。

我创建了一个动态加载所有内容的网页，由于某种原因，内容在IE 7和8中被截断。但它在firefox和opera中运行良好。

内容大于窗口大小，IE会截断内容，因此不启用垂直滚动条。我尝试将窗口缩小到更小的尺寸，似乎IE只渲染适合窗口内容的内容，而所有其他内容根本没有创建，因为我在刷新后最大化窗口，它只显示页面的一部分适合较小的窗户。

如果你想查看我的问题，可以去here，然后以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

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

修复是添加行

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

到CloseWindow的结尾。这将删除divMain上设置的临时高度。

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

Internet Explorer 7和8截断网站内容

2 个答案: