I'm having a problem with dynamically building up a webpage.
The page consists of a DIV-tag, to center all the content on the page.
The DIV-tag consists of 3 other DIV tags, each consisting of a table.
The first one is a small header, the last one is some kind of legend, and the middle one is a big table with content in it.
This is how the page looks:
|DIV_1: header |
|DIV_2: content |
|DIV_3: legend |
return elem.offsetParent ? (elem.offsetTop + pageY(elem.offsetParent)) : elem.offsetTop;
var D = document;
var buffer = 20;
var height = document.body.offsetHeight;
height -= pageY(document.getElementById('orderListDIV'))+ buffer ;
var docHeight = getDocHeight();
docHeight -= pageY(document.getElementById('legendDIV'))+ buffer ;
height -= docHeight;
if (height < 0)
height = 0;
document.getElementById('orderListDIV').style.height = height + 'px';
The last statement doesn't seem to work: the orderListDIV tag is not resized...
Can someone help me?
Thanks in advance!