I am having problems displaying DHTML content (spiffycalendar freeware) that overlaps an IFRAME which contains XML content. I have attached a zipfile with the necessary files to illustrate the problem. I am using IE7 and Apache Tomcat 6.0 and the parent.html page needs to be displayed by way of an HTTP request. Loading the html file into the brower directly does not setup the problem correctly.
1) parent.html contains the calendar widget and an IFRAME
2) iframe.html contains a simple XML document
3) Calendar widget: spiffyCal.js and spiffyCal.css (you can download from http://simplythebest.net/scripts/DHT...script_48.html)
if you don't want to install the calendar widget then any dhtml div should do the same.
when the calendar is displayed it gets hidden behind the IFRAME in the areas that overlap. If you change the IFRAME content from an XML to an HTML source then the overlapping problem goes away.
Can anyone tell me how to avoid this problem without having to resort to rendering the XML to HTML before displaying it in the IFRAME.