maqskywalker

<div>
<div class="content wysiwyg-content">
I have this fiddle<br />
<a href="https://jsfiddle.net/by69pLr0/" rel="ugc">https://jsfiddle.net/by69pLr0/</a><br />
<br />
I have an iframe inside a Div. The div has a blue border and the iframe has a red border.<br />
<br />
I set the height of the div to 100% percent and the height of the iframe to 100%.<br />
<br />
When i run it, the div isn't taking up the full 100% height of the browser window.<br />
<br />
How do i fix my fiddle so that the height of the div and iframe inside stretch the full height of the window?<br />
<br />
As pointing by this arrow in this image:<br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2019/03_w09/1413801/DivHeight.PNG" target="_blank" title="DivHeight.PNG (49 KB)"><img alt="DivHeight.PNG" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2019/03_w09/800_1413801/DivHeight.PNG" /></a>
</div>
</div>


DivHeight.PNG

I have this fiddle
https://jsfiddle.net/by69pLr0/

I have an iframe inside a Div. The div has a blue border and the iframe has a red border.

I set the height of the div to 100% percent and the height of the iframe to 100%.

When i run it, the div isn't taking up the full 100% height of the browser window.

How do i fix my fiddle so that the height of the div and iframe inside stretch the full height of the window?

As pointing by this arrow in this image:



setting the height of a Div with an html iframe inside

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.