Fitting an iframe into content

Question

I have created an HTML page (e.g.cars) which is to be loaded in another HTML (main) page using <iframe>.

I have succeeded in doing so but each the time the content changes in the cars HTML, the iframe size remains the same which really outlooks the webpage.

I have pictures on Imgur for you guys to understand (zoom 25% for you to see the page wholly).

Share your code and please explain a little bit more on what you want to achieve... — Saswata Sundar, Sep 04 '15 at 14:57
here you go, i used my facebook account to upload the pic plz help me guys — ThomasWeb, Sep 04 '15 at 15:06
https://www.facebook.com/photo.php?fbid=1494681160825140&set=a.1457233441236579.1073741830.100008498104091&type=1 — ThomasWeb, Sep 04 '15 at 15:06
i`ll try this and let you knw...have you looked at the pic? use the facebook link — ThomasWeb, Sep 04 '15 at 15:09
http://stackoverflow.com/questions/153152/resizing-an-iframe-based-on-content — Saswata Sundar, Sep 04 '15 at 15:10
no it didnt work..can i have a way to send you the coding and the html page so that you can understand — ThomasWeb, Sep 04 '15 at 15:13
https://github.com/davidjbradshaw/iframe-resizer .... Go to this link... download the plugin... and check the example folder... it is working perfectly... — Saswata Sundar, Sep 04 '15 at 15:18
ok saswata :) i am trying it now and will let you knw that i appreciate your help — ThomasWeb, Sep 04 '15 at 15:24
saswata i am having trouble understanding how to use the iframeresizer — ThomasWeb, Sep 04 '15 at 15:36
i am a noob in this....what do have to do? can you explain in steps about how to link the scripts to my html and the iframe.. thks plz i really need this, it`s for a project — ThomasWeb, Sep 04 '15 at 15:37
Added comment in answer, any further comment please do it there, with the answers — Saswata Sundar, Sep 04 '15 at 15:45

score 0 · Answer 1 · edited May 23 '17 at 12:16

0

Similar answer can be found here: Make iframe automatically adjust height according to the contents without using scrollbar?

Check this also, https://github.com/davidjbradshaw/iframe-resizer, download the plugin and then go to example folder.Run index.html, and see/change the content in frame.content. It is working perfectly.

edited May 23 '17 at 12:16

Community

1
1

answered Sep 04 '15 at 15:07

Saswata Sundar

516
1
4
11

Add these at bottom of your page: (add this file to your js folder). Along with the other script (js library file and other piece of code) check the html. For iframe page please check the html by editing the page... – Saswata Sundar Sep 04 '15 at 15:45

Fitting an iframe into content

1 Answers1