Using Iframe to embed content from one page to another -- Height Issue - html

I have an issue with the hight function with an iframe i have it set to 100% on mobile it looks fine and shows the 3 boxers but on my laptop it only shows a small part of the page link attached http://social.itsfewster.co.uk/#services
<iframe src="assets/table/index.html" marginwidth="5"
scrolling="no"
height="100%"
width="100%"
frameborder="0">
</iframe>

Related

Iframe tag not showing content in html

I am attempting to have a website inside my website using the iframe tag like this:
<iframe height="100%" width="100%" src="http://www.example.com/">
<p>Your browser does not support the iframe element</p>
</iframe>
Unfortunately, this just shows a box or border. I would like it to show "example.com" inside my website.
Thanks in advance.
Works for me.
https://jsfiddle.net/1a7y6n37/
Tested with:
<iframe height="100%" width="100%" src="https://www.w3schools.com">
<p>Your browser does not support the iframe element</p>
</iframe>

iframe doesn't embed, just pops up with open with/save as box. Tried everything

All I want to do is embed this banner, I have tried every possible combination and googled as much as I can. Here are my current live attempts.
Non wordpress - http://mch.co.uk/centrallondon/iframetest.shtml
With this code:
<iframe
src="http://www.mch.co.uk/centrallondon/immac.html"
width="445"
height="85"
scrolling="no"
frameborder="0" ></iframe>
Wordpress - http://mch.co.uk/centrallondon/iframe-test.shtml
With this code:
[iframe
width="640"
height="480"
src="http://www.mch.co.uk/centrallondon/immac.html"]
<iframe
src="http://www.mch.co.uk/centrallondon/immac.html"
width="445"
height="85"
frameborder="0"
scrolling="no">
</iframe>
The wordpress one includes a shortcode from an iframe embedding plugin.

Can't put website in iframe

I'm trying to put g2a.com website in an iframe, but it doesn't work. When I insert code below to my html file g2a website, it is opening full screen, and I have g2a.com in address bar. It is working with any other website I have tried so it has to be something specific about g2a.com. Anyone have an idea how to make it work with iframe?
<iframe src="https://www.g2a.com/" width="50%" height="50%" frameborder="0" marginheight="0" marginwidth="0">
<p>Click here! (Your browser does not support iframes)</p>
</iframe>
g2a.com uses a framebraker, to avoid using this site in an iframe..
you can still add a
sandbox="allow-scripts"
in your example:
<iframe src="https://www.g2a.com/" sandbox="allow-scripts" width="50%" height="50%" frameborder="0" marginheight="0" marginwidth="0">
<p>Click here! (Your browser does not support iframes)</p>
</iframe>
to your iframe, which works in most newer browsers. This prohibits that the website in the frame can affect the main window.

google maps doesnt center my company's profile tag in iframe

I have added google maps to my website's contact page. but company's profile tag doesnt get centered in iframe. how can I fix this?
here is the code I copied from google
<iframe width="790" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=rotasist+yaz%C4%B1l%C4%B1m&aq=&sll=41.005322,29.01218&sspn=0.575166,1.352692&t=h&ie=UTF8&hq=rotasist+yaz%C4%B1l%C4%B1m&hnear=&ll=40.995204,29.099564&spn=0.008988,0.021136&z=14&iwloc=A&cid=3028905870531188654&output=embed"></iframe><br /><small>View Larger Map</small>
Try this instead
<iframe width="790" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=rotasist+yaz%C4%B1l%C4%B1m&aq=&sll=41.005322,29.01218&sspn=0.575166,1.352692&t=h&ie=UTF8&hq=rotasist+yaz%C4%B1l%C4%B1m&hnear=&ll=41.007,29.099564&spn=0.008988,0.021136&z=14&iwloc=A&cid=3028905870531188654&output=embed"></iframe><br /><small>View Larger Map</small>
I adjusted one of the lat/lon params (sent as ll) so that it would push the point closer to the lower border of the map, and show more of the popup window. In short, the param
ll=40.995204,29.099564
became
ll=41.007,29.099564
If thats still not good enough, you can adjust that ll param until you get it just where you want it.

How do I display a pdf inside an iframe showing all pdf pages?

I've been working on having multiple pdf documents inside a single html page using iFrames. I figured how to insert pdfs inside iFrames but I've been curious if it's possible to add a pdf to an iFrame while showing all the pdf pages; that is, the iframe should display all the pdf content without a vertical scroll bar.
Thanks, Y_Y
<iframe src="mydoc.pdf" width="100%" height="800px"></iframe>
I don't think you can show all pages, unless you make the height property large enough to show all pages. You would have to make the height big enough (proportionally) to show all pages based on the width of the iframe.
IFRAME
<iframe id="fred" style="border:1px solid #666CCC" title="PDF in an i-Frame" src="PDFData.pdf" frameborder="1" scrolling="auto" height="1100" width="850" ></iframe>
Object
<object data="your_url_to_pdf" type="application/pdf">
<embed src="your_url_to_pdf" type="application/pdf" />
</object>