Прежде всего, извините за мой английский. Я все еще учась, поэтому я постараюсь объяснить себя как можно лучше.Как я могу установить высоту iframe на 100%?
Вопрос в том, как я могу установить высоту iframe на 100%? Я пробовал разные решения, но все работает. Это мой код:
HTML:
<div id="header_PA">
<div id="menu_PA">
<div id="logo_PA">
<img src="_images/1.png" title="Local PA" id="logo">
</div>
<div id="sections_PA">
...
</div>
<div id="user_box">
...
</div>
</div>
<div id="sub_menu_PA"> </div>
</div>
<iframe id="iframe_PA" src="_local_pa/dashboard.php" ></iframe>
<div class="smallFooter">
...
</div>
CSS:
#header_PA{
position: fixed;
width: 100%;
height: 70px;
z-index: 999;
}
#iframe_PA{
width: 100%;
height: 100%;
margin-top: 73px;
}
.smallFooter {
background: #121212;
}
Я пропустил ненужные части HTML и CSS кода.
В результате этого, вы можете увидеть в этой картине:
Видимо ширина работает свойство, но высота нет. Кто-нибудь знает, как я могу это решить?
Заранее благодарен!
Спасибо! Вы дали мне эту идею, я немного изменил сценарий, потому что эти инструкции: 'F.contentDocument.documentElement.scrollHeight + 30;' и 'F.contentWindow.document.body.scrollHeight + 30;' не дают высоту должным образом, меньше в моем случае. Вместо этого сценария я использовал этот: [link] (http://webintenta.com/obtener-el-tamano-de-la-ventana-del-navegador-o-viewport-con-javascript.html) – Yonirt