I'm using this trick from Quirksmode.org to get the first DIV in my page to fill the browser window vertically. The DIV also has a background image, the problem is that the DIV is not stretching all the way down if the vertical scrollbar is needed. Instead there is a fairly large gap (20px) at the bottom of the page.
This problem seems to include most browsers (IE6, Safari, Camino).
Moving the background image to the BODY tag is not an option for me.
What I think is going on is that the browsers reserves space for both vertical and horizontal scrollbars even if the vertical one is only needed. Maybe there is a JS solution. I will post my findings later today.
something like this... you'll have to fiddle with the sizing based on where you're using it... this works in IE... not sure about other browsers, but there is bound to be an equiv... pop it in a function and add it to the resize and onload commands for the window... like:
function resize_iframes(){ document.getElementById('main_frame').height=document.body.offsetHeight ± 20; }