Full Page < iframe >

Here’s the working code. Works in desktop and mobile browsers. hope it helps. thanks for everyone responding.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Test Layout</title>
        <style type="text/css">
            body, html
            {
                margin: 0; padding: 0; height: 100%; overflow: hidden;
            }

            #content
            {
                position:absolute; left: 0; right: 0; bottom: 0; top: 0px; 
            }
        </style>
    </head>
    <body>
        <div id="content">
            <iframe width="100%" height="100%" frameborder="0" src="http://cnn.com"></iframe>
        </div>
    </body>
</html>

Related Posts:

  1. How to center an iframe horizontally?
  2. How to align iframe always in the center
  3. Remove border from IFrame
  4. How to apply CSS to iframe?
  5. HTML iframe – disable scroll
  6. Remove scrollbar from iframe
  7. Half circle with CSS (border, outline only)
  8. Unblur content inside blurring background div
  9. Failed to load resource: the server responded with a status of 404 (Not Found) css
  10. CSS background-image-opacity?
  11. Resize image proportionally with CSS?
  12. Setting table column width
  13. Embed image in a
  14. What is difference between png8 and png24
  15. Can I have an onclick effect in CSS?
  16. How to style a checkbox using CSS
  17. CSS Background Image Not Displaying
  18. How to place a text next to the picture?
  19. CSS: Moving the text down a few pixels but keeping the background still?
  20. Fix footer to bottom of page
  21. How to position text over an image in css
  22. shifting a piece of text down using CSS
  23. Display Two
  24. Add border-bottom to table row
  25. Center form submit buttons HTML / CSS
  26. AngularJS ngClass conditional
  27. CSS: Moving the text down a few pixels but keeping the background still?
  28. How to darken a background using CSS?
  29. How to use css first-child with :not()
  30. How to “crop” a rectangular image into a square with CSS?
  31. How to draw diagonal lines with css
  32. How to display and hide a div with CSS?
  33. How to keep footer at bottom of screen [duplicate]
  34. Draw a line in a div
  35. Change Color of Fonts in DIV (CSS)
  36. Why is “cursor:pointer” effect in CSS not working
  37. a href link for entire div in HTML/CSS
  38. Full-screen iframe with a height of 100%
  39. How do I set vertical space between list items?
  40. Does bootstrap 4 have a built in horizontal divider?
  41. Check if an element contains a class in JavaScript?
  42. Complete list of reasons why a css file might not be working
  43. html div background image not showing up
  44. Bring element to front using CSS
  45. Brackets – Live Preview not working
  46. How to apply style classes to td elements?
  47. CSS set li indent
  48. how to overlap two div in css?
  49. Why does this CSS margin-top style not work?
  50. How to do auto-width with HTML IFrame
  51. Freeze the top row for an html table only (Fixed Table Header Scrolling)
  52. HTML list-style-type dash
  53. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery
  54. CSS hover effect is not working on my code
  55. How can I center a div within another div?
  56. How to align content of a div to the bottom
  57. How can I make my footer center to the bottom of the page?
  58. Why would max-width not work on this?
  59. Dynamic height of div with css
  60. Making text background transparent but not text itself
  61. Removing ul indentation with CSS
  62. Square brackets in CSS
  63. How do I disable form fields using CSS?
  64. How to center a navigation bar with CSS or HTML?
  65. Why write script type=”text/javascript” when the mime type is set by the server?
  66. My CSS won’t link to my HTML file
  67. body background color not showing?
  68. Table fixed header and scrollable body
  69. How to make a div 100% height of the browser window
  70. How to make my website fit any screen size?
  71. Display:inline not working
  72. Why doesn’t min-height not work on my page?
  73. Bootstrap 3 Glyphicons CDN
  74. How can I change the Bootstrap default font family using font from Google?
  75. Add stroke around text – on the outside – with css?
  76. SVG drop shadow using css3
  77. How to create a text box in PHP to output data
  78. Force table column widths to always be fixed regardless of contents
  79. Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
  80. Using Numbers With Font Awesome
  81. Alternate table row color using CSS?
  82. Change cursor to hand when mouse goes over a row in table
  83. CSS table td width – fixed, not flexible
  84. Set textarea width to 100% in bootstrap modal
  85. Can I apply a CSS style to an element name?
  86. CSS max-height not working
  87. How can I make a div not larger than its contents?
  88. Horizontal list items
  89. How to make Bootstrap Panel body with fixed height
  90. word-wrap break-word does not work in this example
  91. Change navbar text color Bootstrap
  92. position fixed is not working
  93. Create a slanted edge to a div [duplicate]
  94. Override USER AGENT STYLE SHEET – Chrome
  95. Place a button right aligned
  96. aking a flex item float right
  97. td widths, not working?
  98. How put links in wordpress dynamic sidebar?
  99. Using custom HTML tags to WordPress [closed]
  100. Main menu effect visited

Leave a Comment