I fixed the problem by adding this to each of your iframe codes:
So code looks like this:
sym.$("thePageHolder").append('<iframe id="currentPageHolder" src="./pages/page'+sym.currentPage_str+'/page'+sym.currentPage_str+'.html" frameborder="0" scrolling="no" width="1204" height="637" ></iframe>');
I used the dimensions of "thePageHolder" where you have them appended to...
Everything else looks fine.
Hi again Schrene
Thanks for helping yesterday.
I tried setting H & W sizes and sure enough the iFrame was large enough to display the pages.
But I need the page container on the stage to be responsive like the rest of the Player's furniture.
The page content loaded into that container (using iFrame) also needs to behave responsively.
Maybe theres a default size for an iFrame thats causing the cropping?
Still scratching my head
Got the iFrame to resize in sympathy with the Player composition when browser resized.
But the content doesnt want to play the resizing game.
If anyone has an example of a responsive Edge file, that embeds another responsive Edge file, and all the responsiveness works as expected I'd love to see it.