Notifications
Clear all

[Closed] Link the size of an iframe to another one

6 Posts
2 Users
0 Likes
153 Views
Posts: 10
Topic starter
(@morbificagent)
Active Member
Joined: 2 months ago

Hi there,

i am trying to build a site with two iframes in its layout which should be responsive but should have the same height all the time.

But i only get strange sizes with one of my iframes (id 2):

https://www.bit-link.de/live-streams/stream-1/

The left one (id 1) instead looks good and resizes like i want to.

I have tried around now for hours with specific "height: XXXvh" and % values but its a mess all the time.

Could someone take a look at the page and eventually has an idea how i could get the right iframe (id 2 ) to the same height like the responsive left iframe (id 1).

Is there eventually the possibility that i can enter the height of iframe id 1 as reference for id 2 so i can "link" them together or something like that?

Many many thanks

5 Replies
Posts: 10
Topic starter
(@morbificagent)
Active Member
Joined: 2 months ago

Oh i forgot to say thats an worpress-page with an 2-colum-layout if this information helps

Posts: 10
Topic starter
(@morbificagent)
Active Member
Joined: 2 months ago

Have found different "auto-resize" possibilities now like resize_on_element_resize="" so i tried it in the shortcode of "advanced_iframe2" with

resize_on_element_resize="#advanced_iframe1"

But without luck. Eventually this feature cant help but it looks like it could solve my problem...

TinyWebGallery
Posts: 676
Admin
(@admin)
Honorable Member
Joined: 13 years ago

Have you tried to set only the 2nd iframe to 100% height? 
I I try this it look o.k. for me already. Only a scrollbar appears if it gets too small.

Best regards, Michael

Posts: 10
Topic starter
(@morbificagent)
Active Member
Joined: 2 months ago

Hi Michael,

yes i have tried this and i get different results and each of them has other problems 😉

Is there a possibility to "link" the height of two iframes together with Advanced iframe? Im not sure about this because "resize_on_element_resize" sounds like this but i cant get it work...

Page 1 / 2