положение объекта
 

Добрый день, помогите советом - каким образом лучше получить координаты объекта относительно верхней точки страницы?
Пробовал варианты с offsetheight, clientheight, scrollheight - не помогают.

Суть в том, что у меня верстка с опускаемым подвалом, на фоне должен быть градиент. Надо растянуть картинку не на 100%х100%, а так, чтобы низ градиентной картинки достигал подвала на малых экранах, когда подвал находится ниже видимой области экрана.

document.getElementById('el').offsetTop;

Так вам расстояние от объекта до верхней границы видимой области нужно узнать или высоту видимой области/объекта!?

function getOffsetTop(element) {
    var offset = 0;
    do {
        offset += element.offsetTop;
    } while (element = element.offsetParent);
    return offset;
}

Даже это будет работать не во всех случаях. Во всех случаях будет работать метод getBoundingClientRect, но он есть не во всех браузерах.

Что то я не учел вложенные элементы, думал топикстартеру нужно узнать положение элемента вложенного в body (а так, да, все немного сложнее :/ )

А собственно кто-нибудь знает, как определить позицию элемента для такой верстки без использования getBoundingClientRect?

body {
    width: 700px;
    position: relative;
    margin: 0 auto;
}

Проблема тут в том, что система координат на странице начинается с body, а он хоть и сдвинут, offsetLeft имеет 0.