Forum Moderators: open
I've been having a few problems setting the positions of three iframes i'm using. Here is the code;
<BODY>
<table border="0" background="pie.jpg" height=600 width=800>
<tr>
<td> <DIV style="position: relative; top:290;left:210; width:400; height:225">
<iframe src="red.htm" scrolling=no frameborder=NO height=225 width=400 name="MAIN"></iframe>
</div>
<DIV style="position: relative; bottom:225 ;left:65; width:130; height:160">
<iframe src="green.htm" scrolling=no frameborder=NO height=160 width=130 name="MAIN"></iframe>
</div>
<DIV style="position: relative; bottom:375 ;left:625; width:110; height:120">
<iframe src="blue.htm" scrolling=no frameborder=NO height=120 width=110 name="MAIN"></iframe>
</div>
</tr>
</td>
</TABLE>
The problem I'm having is that the 3 different iframes are positioned differently in Mozilla and IE. I can't understand why this is, as i've used iframes before and they've appeared in the same position in both browsers.
I really need to keep it enclosed within a table to stop the frames moving about when the user resizes the browser window.
Any suggestions would be fantastic!
Cheers,
Neil
