View Full Version : both my iframes r stuck !


abbieex
08-26-2004, 07:23 AM
both of my iframes r stuck on top of each other!! how do i get them apart ?
also , is this e correct html for positioning my iframes?:

<div style="position:absolute; top:540; left:200; width:260; height:200; z-index:1; padding:0px; background-color:transparent; border: #000000 2px solid">
<IFRAME name="inlineframe" src="http://www.freewebs.com/msabbie/smallphotos.html" width=370 height=200</IFRAME>

</div>


<div style="position:absolute; top:540; left:200; width:260; height:200; z-index:1; padding:0px; background-color:transparent; border: #000000 2px solid">
<IFRAME name="inline" src="http://www.freewebs.com/msabbie/" width=370 height=200</IFRAME>



</div>

Sheila
08-26-2004, 07:30 AM
You have the same numbers for each of your divs....
top:540; left:200;
....just mess with the numbers until you get them where you want them.

abbieex
08-26-2004, 12:40 PM
but even if i change e numbers of each of my divs , it still stuck ..

pb&j
08-26-2004, 01:03 PM
you forgot to close > your iframe tags and your are missing the PX letters.
here is your coding all fixed up...

<div style="position:absolute; top:540px; left:200px; width:260px; height:200px; z-index:1; padding:0px; background-color:transparent; border: #000000 2px solid;">
<IFRAME name="inlineframe" src="smallphotos.html" style="width:370px; height:200px;"></IFRAME>
</div>

<div style="position:absolute; top:540px; left:200px; width:260px; height:200px; z-index:1; padding:0px; background-color:transparent; border: #000000 2px solid;">
<IFRAME name="inline" src="http://www.freewebs.com/msabbie/" style="width:370px; height:200px;"></IFRAME>
</div>

now they are both overlapping on the same spot because you have the LEFT and TOP values the same. change one of the div's TOP and LEFT numbers to different ones and the iframes will move away from each other.

abbieex
08-27-2004, 06:49 AM
i got it, thanks! :D :D
oh, one more thing, how do i make my background transparent?

Sheila
08-27-2004, 07:00 AM
http://www.jennyspage.net/transiframes.html