ho sentito poco parlare di document.width e height, esistono, pero' non le ho mai viste usare in alcuno script

in genere si usa window.innerWidth e Height per determinare le dimensioni della porzione visibile di documento e queste 2 proprieta' sono presenti nella stragrande maggioranza dei browser moderni

IE guardacaso fa eccezione
qui document.body.clientWidth o document.documentElement.clientWidth e Height sono le proprieta' di riferimento (la seconda solo presente in IE6+ con doctype valido e completo, vedi qui per approfondimenti)

consiglio vivamente di capire/smontare una funzioncina che usano lightbox e simili (non e' da prendersi come oro colato, si puo' fare di meglio, ma e' un buono spunto), questa:
Codice PHP:
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
//
function getPageSize(){
    
    var 
xScrollyScroll;
    
    if (
window.innerHeight && window.scrollMaxY) {    
        
xScroll document.body.scrollWidth;
        
yScroll window.innerHeight window.scrollMaxY;
    } else if (
document.body.scrollHeight document.body.offsetHeight){ // all but Explorer Mac
        
xScroll document.body.scrollWidth;
        
yScroll document.body.scrollHeight;
    } else { 
// Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
        
xScroll document.body.offsetWidth;
        
yScroll document.body.offsetHeight;
    }
    
    var 
windowWidthwindowHeight;
    if (
self.innerHeight) {    // all except Explorer
        
windowWidth self.innerWidth;
        
windowHeight self.innerHeight;
    } else if (
document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
        
windowWidth document.documentElement.clientWidth;
        
windowHeight document.documentElement.clientHeight;
    } else if (
document.body) { // other Explorers
        
windowWidth document.body.clientWidth;
        
windowHeight document.body.clientHeight;
    }    
    
    
// for small pages with total height less then height of the viewport
    
if(yScroll windowHeight){
        
pageHeight windowHeight;
    } else { 
        
pageHeight yScroll;
    }

    
// for small pages with total width less then width of the viewport
    
if(xScroll windowWidth){    
        
pageWidth windowWidth;
    } else {
        
pageWidth xScroll;
    }

    
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight
    return 
arrayPageSize;

dove vengono considerati anche documenti piu' corti della della viewport,
che non sempre si ipotizzano in fase di sviluppo ma che facilmente possono presentarsi nelle prove sul campo