¿Cómo hacer que un iframe tome un valor para height que cubra toda la página? Tengo este problema:
He creado una página de inicio con una barra fija en top: 0px;
Debajo de esta barra hay un iframe que muestra diferentes páginas según el link que clickees en la barra de arriba, bien, hasta aquí todo funciona.
El problema es que el iframe obtiene un valor automático de 150px, por lo que apenas muestra la parte superior de la web.
No puedo establecer un height defitivo para el iframe ya según los datos de cada usuario el largo de cada página variará.
¿Qué puedo hacer?
PD: Aquí está el código (algo simplificado para no extender tanto el mensaje):
<doctype....>
<html>
<head>
...título, estilos, javascripts, etc...
</head>
<body>
<div style="width: 100%; height: 50px; position: fixed; background-color: #ffffff; border: 1px solid #D2D2D2"> ...enlaces... </div>
<div style="position: absolute; margin-top: 51px;">
<iframe scrolling="no" ---IMPORTANTE QUE NO HAGA SCROLLING--- frameborder="no" style="width: 100%">
</div>
</body>
</html>
Se me ocurre que tal vez con un script que detecte el largo de la página del usuario y luego lo defina en el height del iframe; podría intentarlo pero de momento quiero saber si hay alguna solución más sencilla.
