Internet Explorer 7 和 8 截断网站内容

Question

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

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

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

如果你想看看我的问题，你可以去here，然后以 admin/alalcoalalco 身份登录，登录后点击菜单上的“Administración”链接并降低 IE 的高度浏览器，直到表格的一半适合窗口。然后刷新页面，最大化窗口后，您将看到浏览器仅在窗口较小时呈现适合窗口的内容。如果你在 opera 和 firefox 中做同样的事情，它会完美地工作。

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

谢谢！

Answer 1

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

解决方法是添加行

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

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

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

Answer 2

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

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

error1.JPG

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

error2.JPG

由于我是新用户，我不能在一条消息中发布图像或多个链接，因此我将在新回复中发布图像存储库供您检查。

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

谢谢！