How to make an iframe fit or fill 100% of its container’s remaining height – Sikwati
Posted by jpluimers on 2017/12/20
There are a lot of suggested solutions out there: mostly not working when I tried them, and some required several lines of code which seems unnecessary for such a simple issue.
[WayBack] How to make an iframe fit or fill 100% of its container’s remaining height – Sikwati
He made a lot of effort to get to this simple construct:
https://gist.github.com/jpluimers/7afc07c333bc75db1fa2e49125c3ddd9
I tried it at the [WayBack] Spring4d generated documentation and it seems to work fine:
https://gist.github.com/jpluimers/f868df1f537a1f4026c0146f6489dd16
–jeroen
PS: Some more ideas from Roderick Gadellaa:
Roderick Gadellaa:
Hmm. Flexbox css? But that does involve extra containers..
…
Flexbox guide: www.google.nl/url?sa=t&source=web&rct=j&url=https://css-tricks.com/snippets/css/a-guide-to-flexbox/&ved=0ahUKEwiCp4qdr5jYAhWJ5qQKHUTUATcQFgglMAA&usg=AOvVaw13L8vethSS3eyj6Ne-toCj
google.nlThe idea would be to create a container with two elements. One takes as much space as it needs, the other one (with the iframe) is 100% height but shrinks as the first container requires space. Then you can just have the iframe use 100% x 100% of its parent (the second shrinking flexbox)
Jeroen Wiert Pluimers
Thanks. I’ll dig into https://css-tricks.com/snippets/css/a-guide-to-flexbox/ during the weekend.
The Wiert Corner - irregular stream of stuff 
Leave a comment