IE loading issue, using the flashObject.js

programming flash
1

Hi all, I’m having trouble loading this SWF in IE, works fine in firefox and other browsers… but in IE7 and 6 it says “waiting for http//mysite…” it has been waiting for 30 minutes.

I’m using the flash object from this site http://www.kirupa.com/developer/flash8/flash_fix.htm. I also tried re-directing to another page (because I don’t think IE can handle the centering css anyway) - the redirect worked so i know javaScript is enabled and working, but still will not load the swf. also thought maybe just maybe it didn’t like the preloader so I got rid of that and tried loading that new file with the same result. I tired everything I can think of and still no love, prolly some stupid mistake in the HTML. Could someone take a look at it for me?

WARNING: There is (loud) music, so you might want to turn your speakers down or off. I’ve done a ton of these band e-cards and never had this problem and as a matter of fact they all still work in IE so I’m not sure whats going on.

http://www.fieldsofcorn.com/sites/sow/

Thank you!

<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!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=utf-8" />
	<title>THE MINOR TIMES: SUMMER OF WOLVES</title>
	<link rel="icon" href="favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	
<!-- re-direct code comment out
	<script type="text/javascript" language="javascript" charset="utf-8">
	// <![CDATA[
		var name = navigator.appName;
		if (name == "Microsoft Internet Explorer") { window.location = "ieindex.html"; }
	// ]]>
	</script>
-->

	<style type="text/css" media="screen">
	/* <![CDATA[ */
		body {
			padding:0;
			margin:0;
			background-color: #000;
			background-image: url('img/bgTile.gif');
			background-repeat: repeat;
		}
		#container {
			position:absolute;
			top:50%;
			width:100%;
			height:1px;
			overflow:visible;
		}
		#content{
			position:absolute;
			left:50%;
			margin-left:-380px;
			margin-top:-300px
		}
	/* ]]> */
	</style>
	
</head>
<body>
	<div id="container">
		<div id="content"> 
			<script type="text/javascript" src="flashobject.js"></script>

			<div id="flashcontent" style="width: 760px; height: 600px"></div>

			<script type="text/javascript">
			var fo = new FlashObject("main.swf", "animationName", "760", "600", "7", "#000000");
			fo.addParam("allowScriptAccess", "sameDomain");
			fo.addParam("quality", "high");
			fo.addParam("scale", "noscale");
			fo.addParam("loop", "false");
			fo.write("flashcontent");
			</script>
			</div>
	</div>
</body>
</html>