Apologies for any language mistakes as English is not my first language. I will do my best to explain my question clearly.
I am trying to adjust the iframe height to 100%, but I have tried various solutions without success. Here is a snippet of my code:
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;
}
This is just a portion of the HTML and CSS code.
The issue can be seen in this screenshot:
Screen Capture
While the width property seems to work, the height does not adjust properly. Any suggestions on how to resolve this would be greatly appreciated!
Thank you in advance for your help!