[HELP] How to make iframe 100% height and width ?
2016-07-02, 07:31 PM,
#1
When i use the below iframe code, a Box appear on top and left side.
How can i remove this box ?
I just want the iframe website to Fit 100% height and Width.

Iframe Code:

<iframe src="http://Demo.com" width="100%" style="height: 100vh;"></iframe>

Latest Thanks - View all

toobanasir(2016-07-26 10:49 PM) 
Reply
2016-07-02, 07:39 PM,
#2
You got some typos in your code, try this:

<iframe src="http://YOURLINK.COM" width="100%" height="100%"></iframe>
Latest Thanks - View all

ashu55(2016-07-02 09:13 PM) 
Reply
2016-07-02, 08:50 PM,
(This post was last modified: 2016-07-02, 08:53 PM by Antonio.)
#3
Try this:

Code:
<iframe src="http://www.w3schools.com" style="position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%;">
  <p>Your browser does not support iframes.</p>
</iframe>

Make sure you added 0 margin/padding to the body, to do this add a css style like:

Code:
body {
   margin:0;
   padding:0;
}
Latest Thanks - View all

ashu55(2016-07-02 09:13 PM) 

[Image: signature_GIf.gif]

Youtube Rank Checker - Free and Online Tool
Reply
2016-07-02, 08:51 PM,
#4
(2016-07-02, 07:39 PM)finnishhacker Wrote: You got some typos in your code, try this:

<iframe src="" width="100%" height="100%"></iframe>

Thank you for your reply.
Even after replace your code, the Box appears
Reply
2016-07-02, 08:57 PM,
(This post was last modified: 2016-07-02, 08:57 PM by Antonio.)
#5
(2016-07-02, 08:50 PM)Antonio Wrote: Try this:

Code:
<iframe src="" style="position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; z-index:999; border:none;"">
  <p>Your browser does not support iframes.</p>
</iframe>

Make sure you added 0 margin/padding to the body, to do this add a css style like:

Code:
body {
   margin:0;
   padding:0;
}

I've updated the iframe style to remove the borders.
Latest Thanks - View all

ashu55(2016-07-02 09:13 PM) 

[Image: signature_GIf.gif]

Youtube Rank Checker - Free and Online Tool
Reply
2016-07-02, 09:13 PM,
#6
(2016-07-02, 08:57 PM)Antonio Wrote:
(2016-07-02, 08:50 PM)Antonio Wrote: Try this:

Code:
<iframe src="" style="position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; z-index:999; border:none;"">
  <p>Your browser does not support iframes.</p>
</iframe>

Make sure you added 0 margin/padding to the body, to do this add a css style like:

Code:
body {
   margin:0;
   padding:0;
}

I've updated the iframe style to remove the borders.

This Working Perfect. Thank You Very Much for your help.
Latest Thanks - View all

Antonio(2016-07-02 09:15 PM) 
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  How can I make a Quora.com BOT? vincenzot_t 12 503 2017-10-20, 04:44 PM
Last Post: honeydew
  Button + iframe hopsa 3 189 2017-09-21, 07:18 PM
Last Post: FlyingCactus
  Im a programmer, i can make mobile landings pwnisher 2 314 2017-07-28, 09:16 AM
Last Post: Pachu
  How to make step content in website 5light 0 145 2017-07-24, 11:04 AM
Last Post: 5light
  How to make this code? ngengs 7 833 2016-12-18, 09:51 PM
Last Post: bryan1




About Us | Contact Us | CPA Elites | Advertise | Stats | Staff Team

© 2013-2017 CPA Elites Ltd
Enhanced by MyBB and WallBB
Return to top