Topic: iframe alignment problem with calendar in WebPlus X7

I'm trying to update a cottage website by replacing an obsolete calendar (to show booking dates) with one that works. For the now-obsolete calendar, I used an iframe linked to a calendar on another website, which displayed in the right position on the page. Now I have changed the iframe link to use an embeddable Google calendar, which draws its data from an ical link from an Airbnb calendar. Although the iframe now displays the calendar I want, the frame is no longer properly aligned, so the calendar is unreadable (see attached images).
I'm  baffled. Could anyone suggest why this problem arises, and how I can fix or work around it?
https://i.postimg.cc/xNnSY9Zk/Calendar-page-as-a-web-page.png
https://i.postimg.cc/kDmVDK3S/Calendar-page-in-Web-Plus-X7.png

Re: iframe alignment problem with calendar in WebPlus X7

What happens if you reduce the size of the iframe? Does the top position stay the same?

I used to be indecisive, now I'm not so sure.

Re: iframe alignment problem with calendar in WebPlus X7

(Thanks for your suggestion, Joe. I did try that without success.) But I think I know the problem now. The code I was using in the iframe tool was already itself an iframe generated by Google. When I deleted the iframe and used the HTML fragment tool to insert the code, it displayed correctly, like this:

https://i.postimg.cc/yDy4QG66/calendar-success.png

Re: iframe alignment problem with calendar in WebPlus X7

Great. Glad you found the problem and fixed it.

Joe

I used to be indecisive, now I'm not so sure.