WordPress.org

Ready to get started?Download WordPress

Forums

Advanced iFrame
[resolved] [Plugin: Advanced iframe] height="100%" not working (18 posts)

  1. blue61em
    Member
    Posted 2 years ago #

    I set the height attribute to 100%, but it doesn't work. Only loads maybe the top 15% of the included page. When I changed it to 1400px, it works. I would really like to use the 100% if possible though as I am including a database that can vary in height depending on how many rows they elect to show. Any thoughts?

    http://nocojobslist.com/wordpress/jobrunner/

    http://wordpress.org/extend/plugins/advanced-iframe/

  2. mattar12
    Member
    Posted 1 year ago #

    Same problem...i wish this had an answer posted!

  3. coco9nyc
    Member
    Posted 1 year ago #

    I'm having the same problem. I can't find an iFrame plugin that doesn't have this issue!

  4. 3x7
    Member
    Posted 1 year ago #

    Did anybody managed to make it work on height 100% for domains on

    Thanks.

  5. coco9nyc
    Member
    Posted 1 year ago #

    I didn't. I just used a large height which leaves blank space at the bottom or a scroll bar if it's a very long page. Would be happy to know if anyone found a better workaround.

  6. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    Hi everyone.

    Seem I have to explain some html here.
    If you set the height to 100% then an iframe uses 100% of the available space. I assume that most of you have not specified any height in the div you have included the iframe. Therefore the iframe is only a few pixel in height.
    If you want to use 100% in an iframe you have to define ALL heights of the html elements up to the html tag!

    So what is the easy solution:
    You either have to define the height of the outer div or the height of the iframe in pixel.

    If you define height in % then the height of the browser is important. If you really want your iframe to be browser height depandant you have to define all heights up to the html element.

    Best, Michael

  7. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    I'm working on a Javascript that automatically resizes the iframe to the height of the content.
    I'll make a new version when this works.

    - Michael

  8. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    Version 2.0 is released where this is implemented.

  9. Turismo in
    Member
    Posted 1 year ago #

    Yes but it doesn't work.
    If i set 100% it take my height page and if the iframe page is 5000px, it show only 150px. I can't set it to 5000px because i have others page with 100px and i see 4900px with blank page......

  10. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    It does if you meet the requirements. Have you read the documentation inside the plugin?

    and 100% is NOT your page height! Please read the post above where I explain this.

    But as I have seen the resize does work because when you set your height to 100% and you see a height > the initial size.

    I only recommend to set the height to a height that fits the minimum height. If this is really 100px you should think if it hurts to use e.g. 500px because when you have long loading pages the resize can only happen when the page is fully done.

  11. Turismo in
    Member
    Posted 1 year ago #

    If i set up 500px all pages are 500px so it cut the page..

  12. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    Have you read the documentation inside the plugin?

    Do you have a link?

  13. Turismo in
    Member
    Posted 1 year ago #

    Now i use <iframe src="http://www.travelstoremaker.com/ibe/turismoin/porch?command=flights" frameborder="0" marginwidth="0" marginheight="0" width="906" height="5000"></iframe>

    Sorry for my language but i have not understood. This is my code, with your plugin i can use automatic height of my iframe (height="100%") so i can view iframed page with real height? Yes or not...

  14. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    What is the domain you include the iframe to?

  15. Turismo in
    Member
    Posted 1 year ago #

    http://turismo-in.it/voli-in-italia/

    Here you can see it.
    Thanks in advance!

  16. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    If you are not able to modify
    http://www.travelstoremaker.com/ibe/turismoin/porch?command=flights
    then the answer is NO.

    It's like I wrote before. You have to meet the requirements for this described in the plugin:
    1. Both sites are on the same domain
    or
    2. you are able to include some code in the page in the iframe.

  17. Turismo in
    Member
    Posted 1 year ago #

    I contact travel store maker.. thank you!

    But with cross domain is impossible add automatic height or there are others solutions?

  18. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    Read the documentation "Enabling cross-site scripting XSS via an iframe" inside the plugin!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.