I'm trying to create multiple partial iframes of a capture page on a new parent page.
The layout of the page is such that its not possible to simply capture the whole page in one Iframe - as there are graphics I don't want to display from the original.
The first iframe seems to work fine, although other iframes designed to capture areas further down the page do not go fetch correctly.
However, the iframe locations across the page are correct.. it is simply the distance down the page that is not resolved.
XXXXXX represents my parent URL.. I have taken it out to protect my campaign.
If anyone could offer any solutions I would be very grateful!
The layout of the page is such that its not possible to simply capture the whole page in one Iframe - as there are graphics I don't want to display from the original.
The first iframe seems to work fine, although other iframes designed to capture areas further down the page do not go fetch correctly.
However, the iframe locations across the page are correct.. it is simply the distance down the page that is not resolved.
XXXXXX represents my parent URL.. I have taken it out to protect my campaign.
If anyone could offer any solutions I would be very grateful!
Code:
<div style='overflow: hidden; width: 331px; height: 333px; position: relative;' id='odiv'>
<iframe id='bframe' name='bframe' src='XXXXXX' style='border: 0pt none ; left: -722px; top: -139px; position: absolute; width: 1273px; height: 617px;' scrolling='no'></iframe></div>
Graphic
<div style='overflow: hidden; width: 99px; height: 229px; position: relative;' id='odiv'>
<iframe id='bframe1' name='bframe1' src='XXXXXX' style='border: 0pt none ; left: -882px; top: -200px; position: absolute; width: 1273px; height: 617px;' scrolling='no'></iframe></div>
Graphic
<div style='overflow: hidden; width: 106px; height: 41px; position: relative;' id='odiv'>
<iframe id='bframe2' name='bframe2' src='XXXXXX' style='border: 0pt none ; left: -505px; top: -436px; position: absolute; width: 1273px; height: 617px;' scrolling='no'></iframe></div>
</body></html>