iframe equal to parent element ()

  • Resolved nonchiedercilaparola

    (@nonchiedercilaparola)


    12 years, 4 months ago

    hi, i use iframe 2.2 in twenty eleven theme to insert a virtual tour of my city (hosted in other domain). The iframe link to a simple html where all is setted to 100%.

    this is my code:

    [iframe src=”https://www.photospherical.it/VT/2012/Chalet_Arturo/arturo.html” style=”border-style: solid; border-width: medium; border-color: #fff;” width=”100%” height=”100%”]

    All work but the eight is always the same and very low. My element theme are all 100% in witdh and height not setted eccept for the element that contain the iframe (min-height: 500px).

    i test other link (lime image on the web) but the eight is always the same. I would like to have iframe height equal to the parent. it is possible?

    https://www.ads-software.com/extend/plugins/iframe/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author webvitaly

    (@webvitaly)

    height="100%" does not work correct in all browsers;

    you may try something like this:

    [iframe same_height_as="body"]

    Thread Starter nonchiedercilaparola

    (@nonchiedercilaparola)

    yes i tested your suggestion but i would like to now if is possible this:

    the height iframe equal to the height of div class “entry-content”.

    […same_equal_as=”entry-content…] ?

    Plugin Author webvitaly

    (@webvitaly)

    Iframe plugin uses jQuery and css selectors so try this shortcode:

    [iframe same_height_as=".entry-content"] (point was added)

    Thread Starter nonchiedercilaparola

    (@nonchiedercilaparola)

    hi, Thanks!!!!!

    now all work. There is only a little problem with the height of iframe. there is a few pixel different. The target_height is a few little respect the #content heigth

    my istruction:
    [iframe same_height_as=”#content” src=”https://www.photospherical.it/VT/2012/Chalet_Arturo/arturo_W.html” allowtransparency=”true”]

    Thread Starter nonchiedercilaparola

    (@nonchiedercilaparola)

    solved!!! there was a min-ehight code that generated the difference between iframe and content element!!! thanks

    just a little question:

    is possible to have the content of iframe with rounded angle?

    Plugin Author webvitaly

    (@webvitaly)

    Try this code:

    [iframe src="https://www.site.com/" style="border-radius:10px;"]

    Thread Starter nonchiedercilaparola

    (@nonchiedercilaparola)

    sorry for my bad explanation. My proble isn’t the border of iframe but the border of the content (in my case a flash content). The angle of fash content isn’t roundend:(

    Plugin Author webvitaly

    (@webvitaly)

    IMHO it is not possible to round border of flash content.
    But you may also try to google it, maybe somebody solve this problem.

    Thread Starter nonchiedercilaparola

    (@nonchiedercilaparola)

    hi, resolved:) i assign an hight value z-index to block element with flash content.

    thanks!!!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘iframe equal to parent element ()’ is closed to new replies.