“Full screen”

by

To cover the entire viewport, you can use:

<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>

And be sure to set the framed page’s margins to 0, e.g., body { margin: 0; }. – Actually, this is not necessary with this solution.

I am using this successfully, with an additional display:none and JS to show it when the user clicks the appropriate control.

Note: To fill the parent’s view area instead of the entire viewport, change position:fixed to position:absolute and make sure the parent has a position other than static.

More Related Contents:

  1. HTML iframe not working when i write src= of facebook
  2. Are iframes considered ‘bad practice’? [closed]
  3. How to allow http content within an iframe on a https site [duplicate]
  4. How to force link from iframe to be opened in the parent window
  5. HTML embedded PDF iframe
  6. How to apply CSS to iframe?
  7. Alternative to iFrames with HTML5
  8. HTML iframe – disable scroll
  9. How to get an IFrame to be responsive in iOS Safari?
  10. overlay opaque div over youtube iframe
  11. Make Iframe to fit 100% of container’s remaining height
  12. Accessing object in iframe using VBA
  13. Html code as IFRAME source rather than a URL
  14. Why are iframes considered dangerous and a security risk?
  15. Are IFrames (HTML) obsolete? [closed]
  16. IFRAMEs and the Safari on the iPad, how can the user scroll the content?
  17. HTML5 iFrame Seamless Attribute
  18. Use of Iframe or Object tag to embed web pages in another
  19. Specifying content of an iframe instead of the src attribute to a page
  20. Some Elements missing while downloading from HttpWebRequest?
  21. Can’t show some websites in iframe tag
  22. How to force Iframe to run quirks under a standard parent frame
  23. Getting youtube.com to load in iFrame
  24. How to create valid HTML5 using frames?
  25. Remove scrollbar from iframe
  26. YouTube iframe embed – full screen
  27. Media queries not working inside an iframe
  28. z-index and iFrames!
  29. Is there a way to get the parent URL from an Iframe’s content?
  30. iframe refuses to display

Leave a Comment