Best to show in code and then explain.

<div style="display:none;width:250px;margin-left:-250px;position:absolute;background-color:#f1f1f1;" id="container">
											
	<div id="myframe" style="filter: alpha(opacity=0); z-index:10; height: 100%; overflow: hidden; width: 250px;position: absolute;">
		<iframe id="'eliframe'" style="z-index:10; width: 250px;" frameborder="0"></iframe>
	</div>


	<div id="overlay12" style="position: absolute;z-index:18;width:250px;border:1px solid #005cb1;position:absolute;background-color:#f1f1f1;">
		-[CONTENT]-
	</div>
		
		
	<script type="text/javascript">
window.onload = getH;
 
function getH(){		
var divh = document.getElementById("container").offsetHeight;
		alert(divh);
}
	</script>
			        
</div>

So I need the height of the iframe to reflect the height of the div.
The Div height is based on the amount of content that is inserted into it on page load (so I can't set an absolute height).

The iframe is to allow the help popup to tile over dropdown menus in IE.

The script above doesn't return the height of the #container element it returns a "0".

I need it to figure out the height on page load, and I can't seem to do it for the life of me.

Please help!

the script runs before the div is closed so it doesn't exist in the DOM

I was hoping that the window.onload would take care of that.

This is a component that will go on many pages. so I would prefer that it was self contained.

Suggestions? Thank you for the help!

oh wait, you're saying to just put it after the </div> and it should work?

(I'll try that first thing tomorrow.)

or use an onload event on the div itself to call the method.

put the function code into an external file or in the document head first of course

Try scrollHeight instead of scrollHeight

Originally Posted by govi

Try scrollHeight instead of scrollHeight

Ermmm?