Mi caso es el siguiente, quiero insertar un foro de phpbb en wordpress (pero sin combinar usuarios ni nada), lo que quiero es que el foro aparezca entre la cabecera y el pie de página de wordpress.
Esto lo he conseguido introduciendo un iframe y haciendo que éste adapte su altura dependiendo de la altura de la sección del foro que ve el usuario en cada momento. No se si me explico.
El script, que hace su trabajo perfectamente en IE, es el siguiente:
Código: Seleccionar todo
<script language="javascript" type="text/javascript">
function iFrameAltura() {
var h = 0;
if ( !document.all ) {
h = document.getElementById('ventanaforo').contentDocument.height;
document.getElementById('ventanaforo').style.height = h + 25 + 'px';
} else if( document.all ) {
h = document.frames('ventanaforo').document.body.scrollHeight;
document.all.ventanaforo.style.height = h + 20 + 'px';
}
}
</script>
Código: Seleccionar todo
<div class="frameforo">
<iframe onload="iFrameAltura()" id="ventanaforo"
name="iframe"
src="http://www.spl-clm.es/foro/index.php"
width="100%"
height="500"
scrolling="no"
align="top"
frameborder="0"
class="cont_frame">
Esta opción no trabajará correctamente.
Desafortunadamente su navegador no soporta
Inline Frames</iframe>
</div>
Con Chrome si me adapta el tamaño al foro, el único problema (que puede ser aceptado, pero que si corrijo mejor ) es que si el usuario ve una página del foro con altura y luego cambia a otra con una altura inferior, el iframe no recupera a esa altura (se queda en la superior), cosa incomoda algunas veces, ya que el pie de página se queda donde Cristo perdio el gorro.
Mi pregunta. ¿Como adaptar el script para que se vea bien en estos navegadores y no solo en el IE?
Muchas gracias por adelantado.