problema para redimencionar iframe en diferentes navegadores

ed-209 · #1 (**permalink**) 20/01/2010, 21:40

Hola gente! mi problema es el siguiente, tengo la pagina principal (index.html) con la barra de menu en donde cada link si carga en un iframe que esta en esta. El codigo que puse para que el iframe cambie el tamaño de acuerdo al tamaño de cada pagina es el siguiente:

function reSize()
{
tamFinal = internal.document.body.scrollHeight;
document.getElementById('internal').style.height = tamFinal;
}

Al principio solo funcionaba en IE. Para que ande en FireFox agregue al principio de cada pagina (menos de la index.html) la siguiente linea:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Y asi anduvo en IE y FF.... pero se me ocurrio probar en Opera y Google Chrome y tienen el mismo problema!!
Ah me olvide de decirles el problema: que el iframe se queda con el tamaño de la pagina mas larga que se cargó, es decir que se agranda pero no se achica.

Alguien sabe de alguna solucion definitiva para estos problemas con el iframe?????
Desde ya muchas gracias!

zerokilled · #2 (**permalink**) 20/01/2010, 22:03

no tengo deseos de escribir todo un codigo para hacer prueba y error. si tienes tus documento en la web indicanos la URL. sin comprobar mucho, a simple vista encuentro lo siguiente. en la primera linea, supongo que internal es el ID del iframe. en este caso estas haciendo mal la referencia al elemento. tienes que usar getElementById como lo muestra la segunda linea.

lo otro es que la referencia internal no representa un objeto window, sino un elemento. de modo que el objeto document no existe en interntal. para ello, tienes que poner entremedio contentWindow.

y finalmente, cuando un documento tiene aplicado un DTD, es decir siempre que el navegador no trabaje en modo quirk, es preferible obtener la altura de scroll desde el elemento documentElement en lugar de body.

ed-209 · #3 (**permalink**) 22/01/2010, 11:06

Muchas gracias por la respuesta, comento lo que hice para solucionarlo (por lo menos en 5 exploradores distintos que probe):
simplemente cambie la linea:
tamFinal = internal.document.body.scrollHeight;
por:
tamFinal = internal.document.body.offsetHeight;

Saludos.....