stabilisci via css l' altezza minima dell' elemento (magari anche usando min-height, puoi approfondire nel forum css), nel caso javascript sia disabilitato o manchi proprio il supporto ad esso
poi:
- rileva in maniera crossbrowser l' altezza della viewport
- richiama la funzione che setta l' altezza dell' elemento solo quando sei certo che l' elemento sia gia' stato definito (per semplicita' e chiarezza: nel window.onload),
e, da questo momento in poi, setta anche al resize il richiamo della stessa funzione
codice:
function getViewportHeight(){
return (
(self.innerHeight)?self.innerHeight:
((document.documentElement && document.documentElement.clientHeight)?
document.documentElement.clientHeight:
document.body.clientHeight
)
)
}
function resizeDiv(id,minHeight){
var el=document.getElementById(id);
var h=getViewportHeight();
el.style.height=((h<minHeight)?minHeight:h)+'px';
}
window.onload=function(){
resizeDiv('right',300);
window.onresize=function(){resizeDiv('right',300);}
}