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
Oh i forgot to say thats an worpress-page with an 2-colum-layout if this information helps
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...
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
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...
