Full screen iframe

Question

When I use the following code to create an iframe    lt iframe src  mypage html  style  border  0  width  100   height  100   gt Your browser doesn t support iFrames  lt  iframe gt    The iframe doesn t go all the way   a 10px white  border  surrounds the iframe  How could I solve this   Here is an image of the problem

User · Answer

Impossible to say without seeing a live example  but try giving both bodies margin  0px

User · Answer

You could try frameborder 0

User · Answer

To cover the entire viewport  you can use    lt 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   gt      Your browser doesn t support iframes  lt  iframe gt    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

User · Answer

You can use this piece of code     lt iframe src  quot http   example com quot  frameborder  quot 0 quot  style  quot overflow hidden overflow-x hidden overflow-y hidden height 100  width 100  position absolute top 0  left 0px right 0px bottom 0px quot  height  quot 100  quot  width  quot 100  quot  gt  lt  iframe gt

User · Answer

Use this code instead of it        lt frameset rows  100     gt           lt frame src  -------------------------URL-------------------------------  gt           lt noframes gt               lt body gt                  Your browser does not support frames  To wiew this page please use supporting browsers               lt  body gt           lt  noframes gt       lt  frameset gt

User · Answer

The body has a default margin in most browsers  Try   body       margin  0      in the page with the iframe

User · Answer

Use frameborder  0   Here s a full example        lt iframe src  mypage htm  height  100   width  100   frameborder  0  gt Your browser doesnot support iframes lt a href  myPageURL htm  gt  click here to view the page directly   lt  a gt  lt  iframe gt

User · Answer

You can also use viewport-percentage lengths to achieve this      5 1 2  Viewport-percentage lengths  the    vw        vh        vmin        vmax    units      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    Where 100vh represents the height of the viewport  and likewise 100vw represents the width   Example Here   x000D   x000D  body   x000D      margin  0                Reset default margin    x000D    x000D  iframe   x000D      display  block           iframes are inline by default    x000D      background   000  x000D      border  none             Reset default border    x000D      height  100vh            Viewport-relative units    x000D      width  100vw  x000D    x000D   lt iframe gt  lt  iframe gt  x000D   x000D   x000D    This is supported in most modern browsers - support can be found here

User · Answer

Try adding the following attribute   scrolling  no

User · Answer

Adding this to your iframe might resolve the issue   frameborder  0   seamless  seamless

[html] "Full screen" <iframe>

Examples related to html

Examples related to iframe