Ahora mismo estoy usando este código:
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> Es una pagina para agregar a un foro vBulletin.
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?