essenam
asked on
Iframe files not dispaying
hello experts:
I am using iframe combined with div tag for a document but it only display the 1st 'iframe' and not the 2 others(see code below). however it sometimes displays after i 'clear history' and 'delete cookies'.
I don't want my users to have to do that so please help( i tried unsuccessfully playing with z index )
the code is below. thanks
<body >
<div id="Layertop" style="position:absolute; left:0px; top:0px; width:100%; height:151px; overflow:hidden">
<iframe width="100%" height="151" scrolling="no" src="top_newok.htm" marginHeight="0" marginWidth="0" frameborder="0"></iframe>
</div>
<div id="Layerlef" style="position:absolute; left:0px; top:151px; width:177px; height:100%; overflow:hidden">
<iframe width="177" height="100%" scrolling="no" src="left.htm" marginHeight="0" marginWidth="0" frameborder="0"></iframe>
</div>
<div id="Layerrig" style="position:absolute; left:177px; top:151px; width:100%; height:100%; overflow:hidden">
<iframe width="100%" height="100%" scrolling="no" src="botm_det.htm" marginHeight="0" marginWidth="0" frameborder="0"></iframe>
</div>
</body>
I am using iframe combined with div tag for a document but it only display the 1st 'iframe' and not the 2 others(see code below). however it sometimes displays after i 'clear history' and 'delete cookies'.
I don't want my users to have to do that so please help( i tried unsuccessfully playing with z index )
the code is below. thanks
<body >
<div id="Layertop" style="position:absolute; left:0px; top:0px; width:100%; height:151px; overflow:hidden">
<iframe width="100%" height="151" scrolling="no" src="top_newok.htm" marginHeight="0" marginWidth="0" frameborder="0"></iframe>
</div>
<div id="Layerlef" style="position:absolute; left:0px; top:151px; width:177px; height:100%; overflow:hidden">
<iframe width="177" height="100%" scrolling="no" src="left.htm" marginHeight="0" marginWidth="0" frameborder="0"></iframe>
</div>
<div id="Layerrig" style="position:absolute; left:177px; top:151px; width:100%; height:100%; overflow:hidden">
<iframe width="100%" height="100%" scrolling="no" src="botm_det.htm" marginHeight="0" marginWidth="0" frameborder="0"></iframe>
</div>
</body>
Either that, or you have some error that prevents the page from rendering. Is there any javascript (the usual suspect). What is the rest of the code like?
Jezcentral.
Jezcentral.
ASKER
I've been testing with different browsers with the same result.
Can you let me know how I can force the last 2 iframes on top(i'm novice at playing with z-index)
Can you let me know how I can force the last 2 iframes on top(i'm novice at playing with z-index)
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
P.S. If checking anything in IE, close down the browser and open it up again (drag the icon in the address bar on the desktop to have a ready-made shortcut) whenever you have just made a change to the code. This will prevent caching problems, which I think is what you have.
Jezcentral.