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>
essenamAsked:
Who is Participating?
 
JezcentralCommented:
I've tested this in IE and Firefox and it works in both. I assume you are putting in the other tags:

<html>
<head>
      <title>Test page</title>
</head>
<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>
</html>

If you are, can you show me the code for one of the top_newok.htm, left.htm or botm_det.htm pages? The code fragment you gave at the top of the page is solid (as long as it's a fragment :) ). I can't see any problems with it. Your tags are closed, and the styles are used correctly.

Jezcentral.
0
 
JezcentralCommented:
It shows fine on my PC. Try viewing it with another computer.

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.
0
 
JezcentralCommented:
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.
0
 
essenamAuthor Commented:
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)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.