Hola.
tengo el siguiente script para controlar que un div con id "wrapper" se agrande a una altura 100%.
este es el codigo:
Código Javascript
:
Ver original<script language='JavaScript'>
window.onload = window.onresize = function ResizeIFrame() {
var div = document.getElementById("wrapper");
var myWidth = 0, myHeight = 0;
if (typeof (window.innerWidth) == 'number') {
//Non-IE
myWidth = window.innerWidth ;
myHeight = window.innerHeight - 90;
} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth ;
myHeight = document.documentElement.clientHeight - 90 ;
} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight - 90;
}
div.style.width = myWidth + 'px';
div.style.height = myHeight + 'px';
}
</script>
el único problema que tengo es que el script espera a que cargue el contenido por completo para ajustar el div, y en muchos casos eso puede tjomar varios segundos. me gustaría saber como hago para que antes de cargar el contenido la ventana se ajuste.
aqui pueden ver el ejemplo de como se comporta en mi web:
[URL="http://www.jmquintela.cl/?page_id=145"]http://www.jmquintela.cl/?page_id=145[/URL]
saludos!