
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

Mi pregunta. ¿Como adapta mi script para que se vea bien en estos navegadores y no solo en el IE?
Muchas gracias por adelantado.
