Hello a bit new to this.
I am using an iframe which needs to be presented on a page on one our sites, the issue I am having is I need this
each site is the same, barring branding, other than the subdomain e.g site1.cloud.co.uk, site2.cloud.co.uk, site3.cloud.co.uk etc.
I have several of these and they all need the iframe displayed on the same page. I was defining these in one document and listing them one by one as below:
<iframe id="paylive_frame" src="https://site1.cloud.co.uk/Payments/purchased.php" width="103%" height="1250px"> </iframe>
<iframe id="paylive_frame2" src="https://site2.cloud.co.uk/Payments/purchased.php" width="103%" height="1250px"> </iframe>
Doing this displays the iframes but in each page they are displayed slightly lower down. I have tried to resolve this using some CSS which then allows them to display in the correct position on the page however in the example about the fields on subdomain site1 become unresponsive and will only be funtional on site2. Tried using 'document.domain' method after looking into this but same issue.
Hopefully this makes sense
Quite new to this as I say and not entirely sure what I'm doing wrong here, so any help is appreciated!