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 dentro de 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 seccion 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 PHP:
<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 PHP:
<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 adapta mi script para que se vea bien en estos navegadores y no solo en el IE?
Muchas gracias por adelantado.