Hi Tony,

I love the height:100% function — makes for very attractive grids.

I have a conflict, though, in some of my apps where I create a scrollable div within the page so that I can keep menus etc. visible without using frames. This is an old script (not jquery) and is as follows:

function AdjustContentHeight()
{
var ScrnHeight = 0;
if( typeof( window.innerHeight ) == ‘number’ )
{
ScrnHeight = window.innerHeight;
}
else if( typeof( document.documentElement.clientHeight ) == ‘number’ )
{
ScrnHeight = document.documentElement.clientHeight;
}
}

// Calculate height of screen left for content
contentHeight = (ScrnHeight-window.document.getElementById(‘PageTop’).offsetHeight-
window.document.getElementById(‘TopToolBar’).offsetHeight);

// Fill out the content area to max available space
window.document.getElementById(‘bodyframe’).style.height=(contentHeight)+’px’;
window.document.getElementById(‘MenuTree’).style.height=(contentHeight)+’px’;

}

When this script is used, the height of my jqGrids is set to something approximating the height of the ‘contentheight’ calculated here so that there is a large blank space after the last row before the Pager area.

I don’t know enough to even start to figure out why this happens. Any ideas on how I can continue to show my pages like this and use height:100% in jqGrids?

Thanks

Reg