Código HTML:
$stylevar[htmldoctype] <html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]"> <head> <title>$vboptions[bbtitle]</title> $headinclude <style type="text/css"> * { border: 0px; margin: 0px; padding: 0px; } .miMarco { width: 100%; height: 100%; border: 1px solid #ff0000; } #tabla { width: 100%; height: 100%; border: 1px solid #00ff00; } </style> <script type="text/javascript"> <!-- function redimensionar() { if (navigator.appName == 'Microsoft Internet Explorer') { document.getElementById('tabla').style.height = '100%'; } else { document.getElementById('tabla').style.height = window.innerHeight + 'px'; } } //--> </script> </head> <body onload="javascript:redimensionar()"> $header $navbar <table id="tabla"> <tr> <td width="100%" height="100%"> <iframe class="miMarco" src="portada/index.php"></iframe> </td> </tr> </table> $footer </body> </html>
Y en el centro, el iframe, a el index de un wordpress.
El problema de este modo (que ni conocía hasta ayer que me puse a buscar como lograrlo), es que no redimensiona hasta que no termina de cargar la página al completo.
Para una portada, esto es muy molesto.
He probado distintas combinaciones mediante CSS y sin el, dándole 100% a uno u a otro...pero solo he conseguido un verdadero redimensionamiento con el script.
¿Existe otra manera para que no deba esperar a que cargue al completo?