[krakoss]

Прошу подсказать как реализовать создание данного интерфейса
1. Если добавить много строчек так чтобы появилась вертикальная прокрутка значении "ИТОГО" должно прилипнуть к нижней границе браузера вокруг него должно появиться рамка.
2. Когда прокручиваем до самого низа и строчка "ИТОГО" ничего не перекрывает - рамка исчезает
Первый пункт реализовал так

/*----------------------------------------------------------------------------------
  Если добавить много строчек так чтобы появилась вертикальная прокрутка 
  значение "ИТОГО" должно прилипнуть к нижней границе браузера вокруг него должно появиться рамка. 
  -----------------------------------------------------------------------------------*/
function getsize() {
    poscont = getElementPosition('cont');
    var topcont = poscont.top;//положение от вержнего края
    var heightcont = poscont.height;//высота ДИВа с добавлениями
   
    var heightresdiv = posresdiv.height;//высота Итого
    heightClient = getClientHeight();//высота клиентской (рабочей) области окна браузера
    bottomcont = parseInt(topcont) + parseInt(heightcont) + parseInt(heightresdiv);//положение от вержнего края + высота
    //lblresult.value = heightClient + "  Итого (низ:" + bottomcont + ")";
    /*--------------------------------------------------------------------------------
    вычислить разность между heightClient - bottomcont
    если отрицательная - то изменить CSS resdiv на рамку
    }
    --------------------------------------------------------------------------------*/
    resultcss = heightClient - bottomcont;
    if (resultcss <= 0)        
        resdiv.className = "border";
    else resdiv.className = " ";
}
//Как узнать положение элемента на странице (определение координат элемента)?
function getElementPosition(elemId) {
    var elem = document.getElementById(elemId);

    var w = elem.offsetWidth;
    var h = elem.offsetHeight;

    var l = 0;
    var t = 0;

    while (elem) {
        l += elem.offsetLeft;
        t += elem.offsetTop;
        elem = elem.offsetParent;
    }

    return { "left": l, "top": t, "width": w, "height": h };
}
//IE5+, Mozilla 1.0+, Opera 7+ 
//Как узнать ширину и высоту клиентской (рабочей) области окна браузера?
//http://www.cyberguru.ru/web/html/javascript-samples-page2.html
/*--------------------------------------------------------------------------
var t = document.getElementById('test');
t.style.width = getDocumentWidth() + 'px';
t.style.height = getDocumentHeight() + 'px';
-------------------------------------------------------------------------------*/
function getClientWidth() {
    return document.compatMode == 'CSS1Compat' && !window.opera ? document.documentElement.clientWidth : document.body.clientWidth;
}
function getClientHeight() {
    return document.compatMode == 'CSS1Compat' && !window.opera ? document.documentElement.clientHeight : document.body.clientHeight;
}

а вот по второму ничего не могу понять