cada navegador registra valores de atributos diferentes

[catpaw]

hola forer@s

tengo una función que me permite conocer el alto de mis paginas para después redimencionar el iframe donde se muestran, en eso no hay problema, pero observando el comportamiento de la función en ie, chrome y firefox note algo raro, esta es mi función:

Código Javascript:

function calcHeight(){
  var the_height = document.getElementById('tempIFrame').contentWindow.document.body.scrollHeight;
  alert(the_height);
  document.getElementById('tempIFrame').height=the_height;
}
 

le agregue el alert para saber como interpreta el height cada navegador
por default el iframe carga la pagina 1, después mando a llamar a la pagina 2 y después a la pagina 3 (mismo procedimiento en los 3 navegadores)

aquí están los datos:

en mi css esta definido asi

pagina1 height=1255
pagina2 height=1780
pagina3 height=1255

en ie9:


pagina1 height=1255
pagina2 height=1792
pagina3 height=1255

en firefox:


pagina1 height=1255
pagina2 height=1782
pagina3 height=1255

en chorme:


pagina1 height=1265
pagina2 height=1812
pagina3 height=1812

en ie y firefox no hay tanta diferencia (ie9 si un poco pero aceptable)

pero en chrome si se disparan mucho los valores, y al pasar de la pagina 2 a la pagina 3 ya no registra el valor de la pagina 2, se queda con el valor de la pagina cargada anteriormente

alguien sabe porque sucede esto???

gracias

[caricatos]

Hola:

La zona visible de los navegadores siempre es distinta... una zona de pestañas más otra para el menú y otro espacio reservado al sistema suele ser lo normal, pero pueden existir bordes o línea de estado... además, los estilos también pueden ser distintos. Solo con que un margin en un navegador tenga un par de pixeles más o menos que en otro ya provocaría un leve desfase... puede ocurrir también con los padding, y los borders... y los font-size...

No creo que en tus pruebas contemples todas las variantes posibles para obtener resultados fiables para ese tipo de afirmaciones.

Saludos

[webcolombiahosting]

Las CSS y los navegadores eterno problema, yo para evitarme ese dolor de cabeza no trabajo con pixeles sino por porcentajes, y la variación es muy mínima, te recomiendo uses el Chrome y su herramienta de inspeccionar elemento para saber exactamente donde cambia la css.

[catpaw]

hola gracias por sus respuestas!!

que tal caricatos si tienes razón he notado mucho más estos desfaces al usar sobre todo el padding y si también no he hecho las pruebas suficientes XD pero lo único que me preocuparía en este momento no son tanto los desfaces si no que en chrome no registra el tamaño de la pagina de un alto mas pequeño si viene después de una más alta, es decir se queda con el valor de la más alta.

hola webcolombiahosting, si dolor de cabeza de toda la vida con las compatibilidades entre navegadores, gracias por tu consejo, voy a probar y les cuento

:D