Rellenar alto restante de una web

[urameshix]

Hola amigos,

He programado este código para que me rellene la parte que sobra de abajo de la web de un color. El problema es que creo que es bastante chapuzilla, porque en ie sale una pizca de scroll y si lo abro con firefox y firebug puesto, tambien lo hace mal.

if(navigator.appName=="Microsoft Internet Explorer")
alto_pantalla = document.documentElement.scrollHeight;
else
alto_pantalla = document.body.scrollHeight;


alto_header = document.getElementById("header970").offsetHeight;
alto_contenedor = document.getElementById("contenedor970").offsetHei ght;
alto_footer = document.getElementById("footer").offsetHeight;


restante = alto_pantalla - alto_header - alto_contenedor - alto_footer - 40;
//alert(restante);
if(restante > 150)
document.getElementById("footer-absolute").style.height = restante;
else
document.getElementById("footer-absolute").style.height = 50;

¿Alguien sabe alguna manera mas efectiva de hacerlo?

Un saludo.-

[Adler]

Hola

Te remito a esto post por que a efectos prácticos biene a ser lo que te ocupa

Suerte

[urameshix]

¿Me podrías indicar por favor cual parte es la que me puede ser útil? Hay bastante código.

Pongo una imagen como ejemplo. Lo gris es la parte variable que dependera del contenido y de la resolucion dela persona.



Gracias amigo por tu respuesta.

[Adler]

Hola

Mas o menos es esta parte

Código javascript:

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
function iecompattest() {
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
 
 
var window_height = ieNOTopera? iecompattest().clientHeight : window.innerHeight;
var window_width = ieNOTopera? iecompattest().clientWidth : window.innerWidth;
 
if (document.Element || document.body){
var cabecera_height =  document.getElementById('contenido').scrollHeight;
var pie_height =  document.getElementById('pie').scrollHeight;
var cabecera_width =  document.getElementById('contenido').scrollWidth;
} else {
var cabecera_height =  document.getElementById('contenido').clientHeight;
var pie_height =  document.getElementById('pie').clientHeight;
var cabecera_width =  document.getElementById('contenido').clientWidth;
}
 
 
var total_Height = parseInt(cabecera_height) + parseInt(pie_height);
 
        if (total_Height < window_height) { 
            document.getElementById('veocine').style.height= window_height;
        }
        else
        {
            document.getElementById('veocine').style.height=total_Height;
        }
 
        if (ancho_video < cabecera_width) {
            document.getElementById('veocine').style.width=window_width;
        }
        else
        {
            document.getElementById('veocine').style.width=parseInt(ancho_video)+20;
        }
 
}
 

Suerte

[urameshix]

Gracias Alder,

pie y contenido son capas con contenido y veocine la capa del height restante?

un saludo

[Adler]

Iniciado por urameshix

Gracias Alder,

pie y contenido son capas con contenido y veocine la capa del height restante?

un saludo

Muy conciso, sí

[urameshix]

Ya adapté el código, y me funcionó muy bien.

Mi idea de código era parecida, aunq le faltaba diferenciar un poco en los diferentes navegadores.

Un saludo y gracias!