Hola,
Gracias a todos por la ayuda, he conseguido que funcione lo que parecía imposible.
Ahora va en todos los navegadores (IE, FF, Chrome, Safari, Opera).
Zerokilled, no puedo por menos que deshacerme en elogios hacia tu interes y dedicación, Tecna, haces honor a tu nombre y Panino5001 has sabido rematar perfectament la jugada.
Por si le sirve de ayuda a otros en el futuro, al final incluyo la función con el código necesario para cambiar la altura en todos los navegadores.
No obstante, en cuanto arreglas algo surge un nuevo problema y lo malo es que sólo me funciona la primera vez que entra en la página y no al redimensionarla con PF11. Como creo que el post puede ser interesante para otra gente y no quisiera liarlo mezclandolo con otro tema he abierto un nuevo post en :
http://www.forosdelweb.com/f13/onres...9/#post3495967
Codigo de la función para cambiar altura en todos los navegadores :
Código:
//Ajustar alto y flechitas del Navegador
function comprobarAlto() {
if (window.innerHeight){
procMoz();
}else{
procIE();
}
window.onresize=function() { location.reload(); };
}
function procMoz() {
espacio_scroll = window.innerHeight - 57;//Altura disponible - 57 pixeles de cabecera
alturaDisp = espacio_scroll + "px";
regla='.contenedor{height:' + espacio_scroll + 'px;}';
addCss(regla,new Date().getTime());
}
function procIE() {
//Navegadores basados en IExplorer, no tengo innerHeight
espacio_scroll = document.body.clientHeight - 37;//Altura disponible en IE
alturaDisp = espacio_scroll + "px";
regla=document.styleSheets[0].rules;
regla[3].style.height=alturaDisp;
}
function addCss(cssCode,i) {
control=document.getElementById(i) ;
if(control)
{document.getElementsByTagName("head")[0].removeChild(control); }
var styleElement = document.createElement("style");
styleElement.type = "text/css";
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = cssCode;
} else {
styleElement.appendChild(document.createTextNode(cssCode));
}
styleElement.id =i;
document.getElementsByTagName("head")[0].appendChild(styleElement);
}