Refresh content working in Firefox but not in Internet Explorer

jewelsmac66 · 11-16-2010, 08:07 PM

Thank you all in advance for your help! Here is my current problem I am stuck on...

I have two webpages set to refresh every two seconds that update with images pushed to the website from a video server. These two pages are working fine on their own in FF and IE. However, both of those webpages are included as iFrames on a separate webpage, and the content in the two iFrames is refreshing as it should in FF, but not at all in IE.

Is there some sort of code or compatibility fix I need to use in order for the main webage to keep refreshing the two iFrames in IE with the latest uploaded JPG files from the video server?

This is an example of one of the iFrames, calling on the uploaded JPG from the video server. The server is set to upload cam1.jpg and cam2.jpg to the website's folder:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="refresh" content="2">
<style> 
body {
margin: 0;
padding:0;
}
</style>
</head>
 
<body>
<div align="center" style='width:300px; height:204px;background-image:url(images/tv.jpg);'>
	
		<img src="http://www.website.com/folder/cam1.jpg" alt="Cam 1" width=352 height=240 />
	</div>
</div>
</body>
</html>

And here is an example of the main div code for the separate webpage that has the two iFrames on it:

Code:

<div style="width:800px;">
<h1>&nbsp;</h1>
<h1>Pet Cam!</h1>
<p class="lineheight4">&nbsp;</p>
<h2>See Where Your Pets Are Now</h2>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  
  <div style='width:325px; height:230px;background-image:url(images/tv.jpg); float:left; margin:0 0 0 40px;'> 
  <p>Cam 1</p>
  <iframe src="cam1.html" name="cam1" width="325" height="230" scrolling=no frameborder=0></iframe>
  </div>
 
 
<div style='width:325px; height:230px;background-image:url(images/tv.jpg); float:right; margin:0 40px 0 0;'>
<p>Cam 2</p>
  <iframe src="cam2.html" name="cam2" width="325" height="230" scrolling=no frameborder=0> </iframe>
  </div>
  
 <p>&nbsp;</p>  
</div>

The main webpage with the two iFrames should not be refreshing at all - it should just be updating inside the iFrames with the two other webpages that are set to refresh every 2 seconds with the latest JPG files. Again, this works prefectly in FF, the main webpage showing the latest content fromt he two iframes. But in IE, it doesnt show the latest JPGs in the iframes at all.

Thank you sooo much!