iframe issue

I have been trying to add a donation page on my new website at www.reliablechristian.weebly.com. However, on the donations page the iframe code isn't working as intended no matter what I edit or try to do. 

This is the current code I am using, 

<iframe src="https://gogetfunding.com/reliable-christian-support-donation-campaign" height="150%" width="100%"></iframe>

I have used height as 100% as well but it doesn't work either. I am wanting the iframe to take up the whole page not be smushed together. What do I do? 

14,994 Views
Message 1 of 32
Report
1 Best Answer

Best Answer

Hello, @superman3474!

The issue is that the iframe doesn't contain any styling. Also, the theme has padded borders, that must be compensated for.

Try this code instead

<iframe src="https://gogetfunding.com/reliable-christian-support-donation-campaign/" style="border:1px #000000 solid;" name="DonationCampaign" scrolling="auto" align="center" height="2000px" width="850px">
</iframe>

View Best Answer >

15,053 Views
Message 4 of 32
Report
31 REPLIES 31

I'm having this exact same issue.

Waiting for captain to reply.

12,224 Views
Message 4 of 32
Report

Best Answer

Hello, @superman3474!

The issue is that the iframe doesn't contain any styling. Also, the theme has padded borders, that must be compensated for.

Try this code instead

<iframe src="https://gogetfunding.com/reliable-christian-support-donation-campaign/" style="border:1px #000000 solid;" name="DonationCampaign" scrolling="auto" align="center" height="2000px" width="850px">
</iframe>
15,054 Views
Message 4 of 32
Report


@superman3474 wrote:

I have been trying to add a donation page on my new website at www.reliablechristian.weebly.com. However, on the donations page the iframe code isn't working as intended no matter what I edit or try to do. 

This is the current code I am using, 

<iframe src="https://gogetfunding.com/reliable-christian-support-donation-campaign" height="150%" width="100%"></iframe>

I have used height as 100% as well but it doesn't work either. I am wanting the iframe to take up the whole page not be smushed together. What do I do? 


@superman3474

You can use the % attribute for width but height must be defined in pixels... try this...

<iframe src="https://gogetfunding.com/reliable-christian-support-donation-campaign" height="2850px" width="100%"></iframe>

12,208 Views
Message 33 of 32
Report

When I copy and paste this exact code (with the christian website example), it works, but when I change the website to what I'm trying to make an iframe to, it doesn't work anymore! What's going on?

8,726 Views
Message 33 of 32
Report
Square

What URL are you using with the iframe? Could you post the full iframe code here?

8,718 Views
Message 33 of 32
Report

Hello,

I have a similar problem

I want to integrate a google scholar page in a iframe , and it do not works on my weebly....

the code is the following :

<iframe src="https://scholar.google.fr/citations?user=sU0L890AAAAJ&hl=fr&oi=ao" style="border:1px #000000 solid;" name="GoogleScholar" scrolling="auto" align="center" height="2000px" width="850px">
</iframe>

Do someone know what is wrong in this code?

8,056 Views
Message 33 of 32
Report
Square

Is it only in the editor that you don't see it, or on the live site? What is the address of the page where you added the code?

8,053 Views
Message 33 of 32
Report

Hello adam

i don't see it in the editor page ( white box) and also in the live site (result is the same: white box)

The adress is :

http://www.le2i-auxerre.fr/gaeumltan-le-goiumlc-mcf.html

Gaetan

8,037 Views
Message 33 of 32
Report
Square

I think there's a problem with the embed code you're using, since I see some javascript errors from it:

image

8,032 Views
Message 33 of 32
Report

Similiar problem here.  Your code works for one site I'm embedding but not for any of the other four.  Exact code, just different web sources.  Can you help?

This one works:

<iframe src="https://jhilburn.com", style="border:1px #000000 solid;" name="J. Hilburn" scrolling="auto" align="center" height="700px" width="700px">
</iframe>

These 4 do not work:

<iframe src="https://www.carlislecollection.com", style="border:1px #000000 solid;" name="Carlisle" scrolling="auto" align="center" height="700px" width="700px">
</iframe>

<iframe src="https://www.discoverpeach.com", style="border:1px #000000 solid;" name="Peach" scrolling="auto" align="center" height="700px" width="700px">
</iframe>

<iframe src="https://www.beautycounter.com", style="border:1px #000000 solid;" name="Beauty Counter" scrolling="auto" align="center" height="700px" width="700px">
</iframe>

<iframe src="https://www.indiahicks.com/rep/india", style="border:1px #000000 solid;" name="India Hicks" scrolling="auto" align="center" height="700px" width="700px">
</iframe>

2,779 Views
Message 33 of 32
Report

I have the same problem!


Exact same code on two different websites. One displays fine, the other is cut off halfway.

Any solution to this?

2,528 Views
Message 33 of 32
Report
Square

Looks like you mgiht have a solution from another member on this post:

https://community.weebly.com/t5/Site-Editor/iframe-not-displaying-correctly/m-p/89335#M15674

2,524 Views
Message 33 of 32
Report

Can you help me with mine? It's still not working.

<iframe src="https://urldefense.proofpoint.com/v2/url?u=http-3A__looplink.mftco.com_SearchResults&d=DwMFAg&c=IjKg..." style="border:3px #000000 solid;" name="AvailableProperties" scrolling="auto" align="center" height="2000px" width="100%">
</iframe>

2,424 Views
Message 33 of 32
Report
Square

Can you post a link to the page of your site which has that code on it, @maggiedae?

2,419 Views
Message 33 of 32
Report

It is from an email stating the following. We are a property management company and need our company's listings imported from a page.

"

For Sale and Lease Combined Search Results (Preview Only Link):

http://www.loopnet.com/xNet/LoopLink/TmplEngine/SearchResultsPage.aspx?SiteID=5927         

                                                                                                                                            

In order for your LoopLink 10.0 search link to function correctly, the following steps must be taken:

  1. Create your CNAME record. This CNAME should be http://looplink.mftco.com   
  1. Have your CNAME record point to http://looplink.loopnet.com  

Once the above information is saved, the following links should now work and can be integrated into your website within an html iframe:

For Sale and Lease Combined Search Results:

http://looplink.mftco.com/SearchResults

"

 The information we need looks like the preview link. 

We are trying to replace the results from the following website.

http://mftco.com/office.htm

2,402 Views
Message 33 of 32
Report
Square

Is mftco.com your website? It looks like the map is working properly. 

2,397 Views
Message 33 of 32
Report

We are trying to create a new website. It works on mftco.com, which is our old site, but we had someone else put it on there, and now I can't get it to work on our weebly site.

Thanks for all your help!

2,386 Views
Message 33 of 32
Report
Square

Do they provide an HTTPS version of the code? It won't display anything right now because your site is using SSL, and browsers won't load external content over HTTP when the site itself uses HTTPS.

2,383 Views
Message 33 of 32
Report

Try changing it to httpS  instead of http

1,999 Views
Message 33 of 32
Report

Hi Adam,

I am having the same issue.

I have a simple page on my weebly site (https://www.usmlesarthi.com) where I have an embed code element.

I am trying to embed an external webpage (which I have created on a different hosting site).

I added this iframe but it does not show the webpage either in edit mode or in live mode (Even after publishing the site).

<iframe src="http://letshelpimgs.com/test2/test/infoform.php"></iframe>

I tried this site also but it does not work.

<iframe src="https://www.w3schools.com"></iframe>

Please let me know what might be issue and how to resolve it.

Thanks,

Animesh

1,227 Views
Message 33 of 32
Report