"Full screen" </a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2010-10-20T21:21:44.257" class="fromnow">Oct 20 '10 at 21:21</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2022-05-18T22:31:35.553" datetime="2022-05-18T22:31:35.553">May 18 '22 at 22:31</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 638,343 times"> <span class="fc-light mr2">Viewed</span> 6.4e+01k times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="3982422" data-ownerid="463065" data-score="233"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="3982422"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="233">233</div> <button class="js-bookmark-btn s-btn s-btnunset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value="0">0</div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>When I use the following code to create an iframe:</p> <pre><code><iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe> </code></pre> <p>The iframe doesn't go all the way—a 10px white "border" surrounds the iframe. How could I solve this?</p> <p>Here is an image of the problem:</p> <p><img alt="Screenshot of site" src="../../images/3841133731.webp"/></p></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/html" class="post-tag js-gps-track" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/iframe" class="post-tag js-gps-track" title="show questions tagged 'iframe'" rel="tag">iframe</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited Jul 14 '14 at 17:04">edited Jul 14 '14 at 17:04</time> <a href="../../users/1549818/grg" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1549818.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="grg" /> </a> <div class="s-user-card--info"> <a href="../../users/1549818/grg" class="s-user-card--link">grg</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">5,023</li> <li class="s-award-bling s-award-blinggold" title="3 gold badges">3</li> <li class="s-award-bling s-award-blingsilver" title="34 silver badges">34</li> <li class="s-award-bling s-award-blingbronze" title="50 bronze badges">50</li> </ul> </div> </div> </div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Oct 20 '10 at 21:21">asked Oct 20 '10 at 21:21</time> <a href="../../users/463065/trufa" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/463065.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Trufa" /> </a> <div class="s-user-card--info"> <a href="../../users/463065/trufa" class="s-user-card--link">Trufa</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">39,971</li> <li class="s-award-bling s-award-blinggold" title="43 gold badges">43</li> <li class="s-award-bling s-award-blingsilver" title="126 silver badges">126</li> <li class="s-award-bling s-award-blingbronze" title="190 bronze badges">190</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">10 Answers<span style="display:none;" itemprop="answerCount">10</span></h2> </div> </div> </div> <a name="14738668"></a> <div id="answer-14738668" class="answer " data-answerid="14738668" data-ownerid="8946" data-score="441" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="14738668"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="441">441</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>To cover the entire viewport, you can use:</p> <pre><code><iframe src="mypage.html" style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;"> Your browser doesn't support iframes </iframe> </code></pre> <p><strike>And be sure to set the framed page's margins to 0, e.g., <code>body { margin: 0; }</code>.</strike> - Actually, this is not necessary with this solution.</p> <p>I am using this successfully, with an additional <code>display:none</code> and JS to show it when the user clicks the appropriate control.</p> <p>Note: To fill the parent's view area instead of the entire viewport, change <code>position:fixed</code> to <code>position:absolute</code> and make sure the parent has a position other than <code>static</code>.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="user-info "> <div class="user-action-time">edited <span title="2022-05-18T22:31:35.553" class="relativetime">May 18 '22 at 22:31</span></div> <div class="user-gravatar32"></div> <div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person"> <span class="d-none" itemprop="name">Lawrence Dol</span> <div class="-flair"></div> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Feb 06 '13 at 20:59">answered Feb 06 '13 at 20:59</time> <a href="../../users/8946/lawrence-dol" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/8946.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Lawrence Dol" /> </a> <div class="s-user-card--info"> <a href="../../users/8946/lawrence-dol" class="s-user-card--link">Lawrence Dol</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">63,018</li> <li class="s-award-bling s-award-blinggold" title="25 gold badges">25</li> <li class="s-award-bling s-award-blingsilver" title="139 silver badges">139</li> <li class="s-award-bling s-award-bling__bronze" title="189 bronze badges">189</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-14738668" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="14738668" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-28419663" class="comment js-comment " data-comment-id="28419663" data-comment-owner-id="415143" data-comment-score="44"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">44</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment28419663_14738668"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">This answer solves how to make iframe occupy the whole screen</span> – <a href="../../users/415143/mark-ma" title="1,342 reputation" class="comment-user ">Mark Ma</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment28419663_14738668"><span title="2013-10-06T04:24:14.487 License: CC BY-SA 3.0" class="relativetime-clean">Oct 06 '13 at 04:24</span></a></span> </div> </div> </li> <li id="comment-44229641" class="comment js-comment " data-comment-id="44229641" data-comment-owner-id="2680216" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment44229641_14738668"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">You can also use [viewport-percentage lengths](http://stackoverflow.com/a/27832759/2680216)..</span> – <a href="../../users/2680216/josh-crozier" title="233,099 reputation" class="comment-user ">Josh Crozier</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment44229641_14738668"><span title="2015-01-13T05:22:24.717 License: CC BY-SA 3.0" class="relativetime-clean">Jan 13 '15 at 05:22</span></a></span> </div> </div> </li> <li id="comment-65745674" class="comment js-comment " data-comment-id="65745674" data-comment-owner-id="6001814" data-comment-score="1"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment65745674_14738668"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Works perfectly with HTML 5</span> – <a href="../../users/6001814/break7533" title="148 reputation" class="comment-user ">break7533</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment65745674_14738668"><span title="2016-08-29T09:50:51.303 License: CC BY-SA 3.0" class="relativetime-clean">Aug 29 '16 at 09:50</span></a></span> </div> </div> </li> <li id="comment-73221767" class="comment js-comment " data-comment-id="73221767" data-comment-owner-id="2179780" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment73221767_14738668"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Is there a way to do this without position relative?</span> – <a href="../../users/2179780/dwbartz" title="886 reputation" class="comment-user ">dwbartz</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment73221767_14738668"><span title="2017-03-28T12:13:23.753 License: CC BY-SA 3.0" class="relativetime-clean">Mar 28 '17 at 12:13</span></a></span> </div> </div> </li> <li id="comment-73239047" class="comment js-comment " data-comment-id="73239047" data-comment-owner-id="8946" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment73239047_14738668"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">@dwbartz: Do you mean "without position fixed"?</span> – <a href="../../users/8946/lawrence-dol" title="63,018 reputation" class="comment-user ">Lawrence Dol</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment73239047_14738668"><span title="2017-03-28T19:06:12.467 License: CC BY-SA 3.0" class="relativetime-clean">Mar 28 '17 at 19:06</span></a></span> </div> </div> </li> <li id="comment-73285167" class="comment js-comment " data-comment-id="73285167" data-comment-owner-id="8946" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment73285167_14738668"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">@dwbartz: Fixed is what makes it relative to the viewport. What are you be wanting to achieve?</span> – <a href="../../users/8946/lawrence-dol" title="63,018 reputation" class="comment-user ">Lawrence Dol</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment73285167_14738668"><span title="2017-03-29T18:50:06.230 License: CC BY-SA 3.0" class="relativetime-clean">Mar 29 '17 at 18:50</span></a></span> </div> </div> </li> <li id="comment-94644162" class="comment js-comment " data-comment-id="94644162" data-comment-owner-id="8656749" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment94644162_14738668"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Checked with Apple emulator. Safari isn't compatible.</span> – <a href="../../users/8656749/chris-van-chip" title="504 reputation" class="comment-user ">Chris van Chip</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment94644162_14738668"><span title="2018-12-22T21:18:32.887 License: CC BY-SA 4.0" class="relativetime-clean">Dec 22 '18 at 21:18</span></a></span> </div> </div> </li> <li id="comment-105209857" class="comment js-comment " data-comment-id="105209857" data-comment-owner-id="3389585" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment105209857_14738668"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">@ChrisvanChip is it still not compatible with current versions of safari ?</span> – <a href="../../users/3389585/beppe9000" title="1,056 reputation" class="comment-user ">beppe9000</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment105209857_14738668"><span title="2019-12-29T12:39:55.097 License: CC BY-SA 4.0" class="relativetime-clean">Dec 29 '19 at 12:39</span></a></span> </div> </div> </li> <li id="comment-105211585" class="comment js-comment " data-comment-id="105211585" data-comment-owner-id="8656749" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment105211585_14738668"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">@beppe9000 Unsure, I'd recommend you to check it using compatibility documentations.</span> – <a href="../../users/8656749/chris-van-chip" title="504 reputation" class="comment-user ">Chris van Chip</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment105211585_14738668"><span title="2019-12-29T14:32:58.643 License: CC BY-SA 4.0" class="relativetime-clean">Dec 29 '19 at 14:32</span></a></span> </div> </div> </li> <li id="comment-112636857" class="comment js-comment " data-comment-id="112636857" data-comment-owner-id="6275594" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment112636857_14738668"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Thanks exactly what i needed to fix that gap at the bottom of my iframe</span> – <a href="../../users/6275594/ibrahim-mohammed" title="302 reputation" class="comment-user ">Ibrahim Mohammed</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment112636857_14738668"><span title="2020-09-01T23:32:53.747 License: CC BY-SA 4.0" class="relativetime-clean">Sep 01 '20 at 23:32</span></a></span> </div> </div> </li> <li id="comment-114009298" class="comment js-comment " data-comment-id="114009298" data-comment-owner-id="5033247" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment114009298_14738668"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">The above answer has a scrolling bar. https://stackoverflow.com/a/10619459/5033247</span> – <a href="../../users/5033247/smart-manoj" title="5,230 reputation" class="comment-user ">Smart Manoj</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment114009298_14738668"><span title="2020-10-22T06:10:26.567 License: CC BY-SA 4.0" class="relativetime-clean">Oct 22 '20 at 06:10</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <a name="3982485"></a> <div id="answer-3982485" class="answer accepted-answer" data-answerid="3982485" data-ownerid="27512" data-score="113" itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="3982485"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="113">113</div> <div class="js-accepted-answer-indicator grid--cell fc-green-500 py6 mtn8"><div class="ta-center"><svg aria-hidden="true" class="svg-icon iconCheckmarkLg" width="36" height="36" viewBox="0 0 36 36"><path d="m6 14 8 8L30 6v8L14 30l-8-8v-8z"></path></svg></div></div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>The <code>body</code> has a default margin in most browsers. Try:</p> <pre><code>body { margin: 0; } </code></pre> <p>in the page with the <code>iframe</code>.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Oct 20 '10 at 21:32">answered Oct 20 '10 at 21:32</time> <a href="../../users/27512/kevingessner" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/27512.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="kevingessner" /> </a> <div class="s-user-card--info"> <a href="../../users/27512/kevingessner" class="s-user-card--link">kevingessner</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">18,559</li> <li class="s-award-bling s-award-blinggold" title="5 gold badges">5</li> <li class="s-award-bling s-award-blingsilver" title="43 silver badges">43</li> <li class="s-award-bling s-award-blingbronze" title="63 bronze badges">63</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="27832759"></a> <div id="answer-27832759" class="answer " data-answerid="27832759" data-ownerid="2680216" data-score="48" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="27832759"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="48">48</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>You can also use <a class="external-link" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">viewport-percentage lengths</a> to achieve this:</p> <blockquote> <p><a class="external-link" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths"><strong>5.1.2. Viewport-percentage lengths: the ‘vw’, ‘vh’, ‘vmin’, ‘vmax’ units</strong></a></p> <p>The viewport-percentage lengths are relative to the size of the initial containing block. When the height or width of the initial containing block is changed, they are scaled accordingly.</p> </blockquote> <p>Where <code>100vh</code> represents the height of the viewport, and likewise <code>100vw</code> represents the width.</p> <p><a class="external-link" href="http://jsfiddle.net/qegaezk6/"><strong>Example Here</strong></a></p> <p></p><div class="snippet" data-hide="false" data-lang="js"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>body { margin: 0; /* Reset default margin / } iframe { display: block; / iframes are inline by default / background: #000; border: none; / Reset default border / height: 100vh; / Viewport-relative units / width: 100vw; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><iframe></iframe></code></pre> </div> </div> <p>This is supported in most modern browsers - <a class="external-link" href="http://caniuse.com/#feat=viewport-units">support can be found here</a>.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Jan 08 '15 at 04:07">answered Jan 08 '15 at 04:07</time> <a href="../../users/2680216/josh-crozier" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2680216.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Josh Crozier" /> </a> <div class="s-user-card--info"> <a href="../../users/2680216/josh-crozier" class="s-user-card--link">Josh Crozier</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">233,099</li> <li class="s-award-bling s-award-blinggold" title="56 gold badges">56</li> <li class="s-award-bling s-award-blingsilver" title="391 silver badges">391</li> <li class="s-award-bling s-award-blingbronze" title="304 bronze badges">304</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="11599288"></a> <div id="answer-11599288" class="answer " data-answerid="11599288" data-ownerid="1509947" data-score="10" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="11599288"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="10">10</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>Use <code>frameborder="0"</code>. Here's a full example:</p> <pre><code> <iframe src="mypage.htm" height="100%" width="100%" frameborder="0">Your browser doesnot support iframes<a href="myPageURL.htm"> click here to view the page directly. </a></iframe> </code></pre></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited Oct 03 '13 at 16:15">edited Oct 03 '13 at 16:15</time> <a href="../../users/-1/community" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/-1.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Community" /> </a> <div class="s-user-card--info"> <a href="../../users/-1/community" class="s-user-card--link">Community</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> <li class="s-award-bling s-award-blingsilver" title="1 silver badges">1</li> </ul> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Jul 22 '12 at 09:56">answered Jul 22 '12 at 09:56</time> <a href="../../users/1509947/hritik" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1509947.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Hritik" /> </a> <div class="s-user-card--info"> <a href="../../users/1509947/hritik" class="s-user-card--link">Hritik</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">101</li> <li class="s-award-bling s-award-blingsilver" title="1 silver badges">1</li> <li class="s-award-bling s-award-blingbronze" title="3 bronze badges">3</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="10619459"></a> <div id="answer-10619459" class="answer " data-answerid="10619459" data-ownerid="1398718" data-score="7" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="10619459"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="7">7</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>Try adding the following attribute:</p> <pre><code>scrolling="no" </code></pre></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited May 16 '12 at 16:47">edited May 16 '12 at 16:47</time> <a href="../../users/29995/rob-hruska" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/29995.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Rob Hruska" /> </a> <div class="s-user-card--info"> <a href="../../users/29995/rob-hruska" class="s-user-card--link">Rob Hruska</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">118,520</li> <li class="s-award-bling s-award-blinggold" title="32 gold badges">32</li> <li class="s-award-bling s-award-blingsilver" title="167 silver badges">167</li> <li class="s-award-bling s-award-blingbronze" title="192 bronze badges">192</li> </ul> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered May 16 '12 at 13:21">answered May 16 '12 at 13:21</time> <a href="../../users/1398718/cmaxtech" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1398718.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="cmaxtech" /> </a> <div class="s-user-card--info"> <a href="../../users/1398718/cmaxtech" class="s-user-card--link">cmaxtech</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">71</li> <li class="s-award-bling s-award-blingsilver" title="1 silver badges">1</li> <li class="s-award-bling s-award-blingbronze" title="1 bronze badges">1</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="66291575"></a> <div id="answer-66291575" class="answer " data-answerid="66291575" data-ownerid="8429849" data-score="7" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="66291575"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="7">7</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>You can use this piece of code:</p> <pre><code> <iframe src="http://example.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0%;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe> </code></pre></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Feb 20 '21 at 12:35">answered Feb 20 '21 at 12:35</time> <a href="../../users/8429849/internetexplorergang" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/8429849.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="internetExplorerGang" /> </a> <div class="s-user-card--info"> <a href="../../users/8429849/internetexplorergang" class="s-user-card--link">internetExplorerGang</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">121</li> <li class="s-award-bling s-award-blingsilver" title="1 silver badges">1</li> <li class="s-award-bling s-award-blingbronze" title="5 bronze badges">5</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="3982431"></a> <div id="answer-3982431" class="answer " data-answerid="3982431" data-ownerid="187606" data-score="5" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="3982431"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="5">5</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>Impossible to say without seeing a live example, but try giving both bodies <code>margin: 0px</code></p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Oct 20 '10 at 21:23">answered Oct 20 '10 at 21:23</time> <a href="../../users/187606/pekka" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/187606.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Pekka" /> </a> <div class="s-user-card--info"> <a href="../../users/187606/pekka" class="s-user-card--link">Pekka</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">442,112</li> <li class="s-award-bling s-award-blinggold" title="142 gold badges">142</li> <li class="s-award-bling s-award-blingsilver" title="972 silver badges">972</li> <li class="s-award-bling s-award-bling__bronze" title="1,088 bronze badges">1,088</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-3982431" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="3982431" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-4261347" class="comment js-comment " data-comment-id="4261347" data-comment-owner-id="187606" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment4261347_3982431"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">@Trufa it could be the margin, but it could also be something else. Best use Firebug's "Layout" view to find out</span> – <a href="../../users/187606/pekka" title="442,112 reputation" class="comment-user ">Pekka</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment4261347_3982431"><span title="2010-10-20T21:32:11.513 License: CC BY-SA 2.5" class="relativetime-clean">Oct 20 '10 at 21:32</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <a name="59023301"></a> <div id="answer-59023301" class="answer " data-answerid="59023301" data-ownerid="10905230" data-score="3" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="59023301"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="3">3</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>Adding this to your <strong>iframe</strong> might resolve the issue:</p> <pre><code>frameborder="0" seamless="seamless" </code></pre> <p>Hope it helps :)</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="user-info "> <div class="user-action-time">edited <span title="2021-05-29T09:57:32.643" class="relativetime">May 29 '21 at 09:57</span></div> <div class="user-gravatar32"></div> <div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person"> <span class="d-none" itemprop="name">nyx69</span> <div class="-flair"></div> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Nov 24 '19 at 23:04">answered Nov 24 '19 at 23:04</time> <a href="../../users/10905230/nyx69" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/10905230.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="nyx69" /> </a> <div class="s-user-card--info"> <a href="../../users/10905230/nyx69" class="s-user-card--link">nyx69</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">747</li> <li class="s-award-bling s-award-blingsilver" title="10 silver badges">10</li> <li class="s-award-bling s-award-blingbronze" title="21 bronze badges">21</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-59023301" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="59023301" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-109490687" class="comment js-comment " data-comment-id="109490687" data-comment-owner-id="10905230" data-comment-score="1"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment109490687_59023301"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">@FABBRj Great I could help :D</span> – <a href="../../users/10905230/nyx69" title="747 reputation" class="comment-user ">nyx69</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment109490687_59023301"><span title="2020-05-20T02:54:19.810 License: CC BY-SA 4.0" class="relativetime-clean">May 20 '20 at 02:54</span></a></span> </div> </div> </li> <li id="comment-113240112" class="comment js-comment " data-comment-id="113240112" data-comment-owner-id="883225" data-comment-score="3"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">3</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment113240112_59023301"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">FYI, `seamless` is a deprecated attribute and most browsers no longer support it https://www.w3schools.com/tags/att_iframe_seamless.asp</span> – <a href="../../users/883225/mattisdada" title="979 reputation" class="comment-user ">Mattisdada</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment113240112_59023301"><span title="2020-09-24T00:15:49.937 License: CC BY-SA 4.0" class="relativetime-clean">Sep 24 '20 at 00:15</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <a name="3982450"></a> <div id="answer-3982450" class="answer " data-answerid="3982450" data-ownerid="259361" data-score="2" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="3982450"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="2">2</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>You could try <code>frameborder=0</code>.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited Mar 11 '12 at 01:51">edited Mar 11 '12 at 01:51</time> <a href="../../users/19329/pablasso" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/19329.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="pablasso" /> </a> <div class="s-user-card--info"> <a href="../../users/19329/pablasso" class="s-user-card--link">pablasso</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">2,479</li> <li class="s-award-bling s-award-blinggold" title="2 gold badges">2</li> <li class="s-award-bling s-award-blingsilver" title="26 silver badges">26</li> <li class="s-award-bling s-award-blingbronze" title="32 bronze badges">32</li> </ul> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Oct 20 '10 at 21:27">answered Oct 20 '10 at 21:27</time> <a href="../../users/259361/newbie" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/259361.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Newbie" /> </a> <div class="s-user-card--info"> <a href="../../users/259361/newbie" class="s-user-card--link">Newbie</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,593</li> <li class="s-award-bling s-award-blinggold" title="10 gold badges">10</li> <li class="s-award-bling s-award-blingsilver" title="35 silver badges">35</li> <li class="s-award-bling s-award-bling__bronze" title="50 bronze badges">50</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-3982450" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="3982450" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-4261410" class="comment js-comment " data-comment-id="4261410" data-comment-owner-id="463065" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment4261410_3982450"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Thanks but that is "inside the iframe" I needed to modify the outside (I didnt know that until @kevingessner answer) thank you!!</span> – <a href="../../users/463065/trufa" title="39,971 reputation" class="comment-user owner">Trufa</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment4261410_3982450"><span title="2010-10-20T21:38:48.893 License: CC BY-SA 2.5" class="relativetime-clean">Oct 20 '10 at 21:38</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <a name="13692814"></a> <div id="answer-13692814" class="answer " data-answerid="13692814" data-ownerid="1633343" data-score="-2" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="13692814"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="-2">-2</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>Use this code instead of it:</p> <pre><code> <frameset rows="100%,"> <frame src="-------------------------URL-------------------------------"> <noframes> <body> Your browser does not support frames. To wiew this page please use supporting browsers. </body> </noframes> </frameset> </code></pre></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="user-info "> <div class="user-action-time">edited <span title="2012-12-06T20:49:55.970" class="relativetime">Dec 06 '12 at 20:49</span></div> <div class="user-gravatar32"></div> <div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person"> <span class="d-none" itemprop="name">IşIk İşİtEn</span> <div class="-flair"></div> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Dec 03 '12 at 22:21">answered Dec 03 '12 at 22:21</time> <a href="../../users/1633343/isik-isiten" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1633343.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="IşIk İşİtEn" /> </a> <div class="s-user-card--info"> <a href="../../users/1633343/isik-isiten" class="s-user-card--link">IşIk İşİtEn</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">7</li> <li class="s-award-bling s-award-bling__bronze" title="3 bronze badges">3</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-13692814" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="13692814" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-21734196" class="comment js-comment " data-comment-id="21734196" data-comment-owner-id="494642" data-comment-score="9"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">9</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment21734196_13692814"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">No longer supported in HTML5</span> – <a href="../../users/494642/hari-honor" title="8,677 reputation" class="comment-user ">Hari Honor</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/3982422/full-screen-iframe#comment21734196_13692814"><span title="2013-03-13T06:54:32.337 License: CC BY-SA 3.0" class="relativetime-clean">Mar 13 '13 at 06:54</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="show-votes" role="complementary" aria-label="sidebar"> <div class="module sidebar-linked"> <h4 id="h-linked">Linked</h4> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/27524861/iframe-fullscreen-with-viewport" class="question-hyperlink">iFrame fullscreen with viewport?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/16596925/html5-iframe-for-nearly-full-screen" class="question-hyperlink">html5 iframe for nearly full screen?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">0</div></a> <a href="../../questions/28649037/display-subdomain-address-on-url-bar" class="question-hyperlink">display Subdomain address on URL bar</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">1</div></a> <a href="../../questions/30971122/how-to-embed-a-pdf-into-a-html-page-and-have-the-pdf-render-the-width-of-the-b" class="question-hyperlink">How to embed a PDF into a HTML page and have the PDF render the width of the browser</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">2</div></a> <a href="../../questions/33237678/play-iframe-video-in-full-screen-automatically" class="question-hyperlink">Play iframe video in full screen automatically</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">1</div></a> <a href="../../questions/34148932/iframe-saying-file-not-found-instead-of-displaying-the-website" class="question-hyperlink">Iframe saying file not found instead of displaying the website</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/35188391/fit-content-to-iframe-on-mobile-browser" class="question-hyperlink">Fit content to iframe on mobile browser</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">1</div></a> <a href="../../questions/36446473/fullscreen-button-mobile-devices" class="question-hyperlink">fullscreen button mobile devices</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/49484426/is-it-possible-to-make-iframe-daily-motion-videos-into-full-screen-orientation" class="question-hyperlink">Is it possible to make iframe daily motion videos into Full screen orientation rotation?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/51954858/how-to-play-youtube-embedded-video-fullscreen-from-a-button-click" class="question-hyperlink">How to play YouTube embedded video fullscreen from a button click?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">-1</div></a> <a href="../../questions/52058350/how-can-i-have-a-wordpress-page-and-a-windows-server-web-application-under-the" class="question-hyperlink">How can I have a wordpress page and a windows server web application under the same domain?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/71597398/how-do-i-show-full-screen-video-when-called-iframe" class="question-hyperlink">how do I show full screen video when called iframe</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/76296654/how-do-you-show-multiple-iframes-when-in-full-screen-mode" class="question-hyperlink">How do you show multiple iframes when in full screen mode?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">0</div></a> <a href="../../questions/13053906/make-iframe-expand-collapse" class="question-hyperlink">Make iframe expand/collapse</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">2</div></a> <a href="../../questions/13363092/vimeo-iframe-as-background" class="question-hyperlink">Vimeo iframe as background</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">13</div></a> <a href="../../questions/18113909/how-widely-supported-is-the-iframe-attribute-allowfullscreen" class="question-hyperlink">How widely supported is the iframe attribute "allowfullscreen"?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/27338463/html-open-new-tab-with-playing-sound" class="question-hyperlink">html open new tab with playing sound</a> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>