содержимое нижнего колонтитула в IE7? :(

Question

Я думал, что этот макет работает благодаря замечательным людям, участвующим в stackoverflow, см. Здесь . К сожалению, хотя я обнаружил проблему в IE7 (не проверял в IE6!) - нижний колонтитул перекрывает содержимое

Я разместил сайт на моем сервере разработки здесь . Я надеюсь, что мне не придется начинать заново с нуля, чтобы заставить его работать, и что CSS придет на помощь ...

Answer 1

Быстрый и простой способ перенести нижний колонтитул в нижнюю часть области просмотра - использовать следующий JavaScript. Хитрость заключается в том, чтобы иметь отдельный контейнер и нижний колонтитул и ссылаться на эти идентификаторы в скрипте:

В заголовке тега:

<! - window.onload = function () { setFooter (); } window.onresize = function () { setFooter (); } // ->

И сценарий:

try {
    document.execCommand("BackgroundImageCache", false, true);
}
catch (err) {

}

function getWindowHeight() {
    var windowHeight = 0;
    if (typeof (window.innerHeight) == 'number') {
        windowHeight = window.innerHeight;
    }
    else {
        if (document.documentElement && document.documentElement.clientHeight) {
            windowHeight = document.documentElement.clientHeight;
        }
        else {
            if (document.body && document.body.clientHeight) {
                windowHeight = document.body.clientHeight;
            }
        }
    }
    return windowHeight;
}
function setFooter() {
    if (document.getElementById) {
        var windowHeight = getWindowHeight();
        if (windowHeight > 0) {
            var contentHeight = document.getElementById('container').offsetHeight;
            var footerElement = document.getElementById('footerContainer');
            var footerHeight = footerElement.offsetHeight;
            if (windowHeight - (contentHeight + footerHeight) >= 0) {
                footerElement.style.position = 'relative';
                footerElement.style.top = (windowHeight - (contentHeight + footerHeight)) + 'px';
            }
            else {
                footerElement.style.position = 'static';
            }
        }
    }
}