Capa con width y height al 100% no mantiene el 100% cuando hay scroll

[masterojitos]

Bueno este es un problema comun en programadores o diseñadores que no tienen mucha experiencia en proyectos de tal tipo........... no obstante.....

Asi le des a tu capa width:100% y height:100%...... no ocupara todo la web total, solo lo visible, es decir, como dices al mover con el scroll o bajas con las teclas..... salen espacios vacios......

la solucion seria con javascript obtener el alto total de la web....
en IE creo que es con:
Ancho total de documento = document.body.offsetWidth;
Alto total de documento = document.body.offsetHeight;
y en Firefox:
Ancho total de documento = window.outerWidth;
Alto total de documento = window.outerHeight;

aunque mas sencillo y eficas seria si te descargas el jquery, que es un framework de javascript, con utilidades super sencillas y muy buenas.... y ps ya tienes todo hecho:

$("#id_div").css({width: $(window).width() + 'px', height: $(window).height() + 'px'});


espero no te haya complicado y te ayude en tu duda.......

suerte.