Something like the following works. The content of the iframes is written to the divs. The 'sources' of the divs will be identical to the sources of the iframes:
Code:
<div id="div_menu" style="position: absolute; left:5%;top:10%; width:10%;bottom:10%; border: 1px solid red">
<iframe name="iframe_menu" src="iframe_menu.html" style="position:absolute;left:-10000px" ></iframe>
<script>setTimeout('document.getElementById("div_menu").innerHTML=frames["iframe_menu"].document.documentElement.innerHTML',100)</script>
</div>
<div id="div_content" style="position: absolute; left:15%;top:10%; width:80%;bottom:10%; border: 1px solid red">
<iframe name="iframe_content" src="iframe_content.html" style="position:absolute;left:-10000px" ></iframe>
<script>setTimeout('document.getElementById("div_content").innerHTML=frames["iframe_content"].document.documentElement.innerHTML',100)</script>
</div>
But this may be a risky solution, as we don't know in advance how much timeout we need.
Of course, if the iframed pages contain styles and scripts, we must put them in the main page.
===
Arie Molendijk.
Bookmarks