Flash Drops Down, & Places Correctly in Firefox, not IE

**chrisfromboji** · 08-06-2007, 07:18 PM

I have a flash menu that I've built using 123 Flash Menu. It drops down and places just like I want it to in Firefox, but in IE the menu doesn't drop down out of the <div> tag or place like Firefox.

If ANYONE has ANY solutions to modify the scripting I have in place to make the menu display properly in IE then I'd love to hear them.

Page with the Flash Menu Source:

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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Language" content="en-us"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="Okoboji, High, School, Cheat, Cheating, Vocab, Answers, Sadlier, Oxford, Level E, Download Homework, Homework, Help, Reports, Download Reports, Boji, CVO, ProWeb, CVO Proweb, Web, Design, Online Resources, Iowa AEA, AEA Online, AEA, Okoboji Schools, Okoboji Community Schools, UnitedStreaming, United Streaming, World, Book, Online, World Book, World Book Online"/>
<meta name="description" content="Your one stop site for homework, vocab answers, and online resource passwords."/>
<link rel="icon" href="http://12.218.126.198:80/favicon.ico" type="image/ico"/>
<link rel="shortcut icon" href="http://12.218.126.198:80/favicon.ico"/>
<link href="style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
<!--

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>
<script type="text/javascript" src="flashobject.js"></script>
<script type="text/javascript" >
function open_menu()
{if (navigator.appName.indexOf("Microsoft")!= -1) {
 document.color.style.height="170px";
}else{
 document.getElementById('navmenu').style.height="170px";}
}
function close_menu()
{if (navigator.appName.indexOf("Microsoft")!= -1) {
 document.color.style.height="22px";
}else{
 document.getElementById('navmenu').style.height="22px";}
}
</script>
<title>CVO ProWeb - Home</title>
<style type="text/css">
.style2 {
	font-weight: bold;
	color: #007DDA;
}
.style3 {
	color: #007DDA;
}
.style4 {
	font-size: large;
}
</style>
<script language="javascript" type="text/javascript" src="js/ddmenu.js"></script>
</head>

<body>

<div id="container">
	<div id="main">
		<div id="header"><script language="javascript" type="text/javascript" src="js/randimg.js"></script></div>
		<div id="nav">
<script type="text/javascript">
var fo = new FlashObject("navmenu_xml.swf?xmlfile=navmenu.xml","navmenu","750","170","6","#A5CAE5");
    fo.addParam("menu","false");
    fo.addParam("quality","best");
    fo.addParam("scale","noscale");
    fo.addParam("salign","LT");
    fo.addParam("wmode", "transparent");
 if (navigator.appName.indexOf("Microsoft")== -1) {
     fo.addVariable("notIE","1");}
    fo.write("nav");
if (navigator.appName.indexOf("Microsoft")!= -1) {
document.color.style.position="absolute";
document.color.style.zIndex="1000";
document.color.style.left="130px";
document.color.style.top="214px";
}else{
document.getElementById('navmenu').style.position="absolute";
document.getElementById('navmenu').style.zIndex="1000";
document.getElementById('navmenu').style.left="130px";
document.getElementById('navmenu').style.top="214px";
}
</script>
		</div>
		<div id="content">

				<div class="post">
					<h1>News:</h1>
					<span class="style2"><br />
&nbsp;[08.03.2007]</span>
					<p>In preparation of the 2007-2008 school year, I've added 
					Level F Vocab Answers and 11th Grade Documents. Check back 
					during the 2007-2008 school year for updates to the 11th 
					Grade Documents. I've reorganized the navigation to 
					accommodate future expansion.</p>

					
					<h1 class="style4">&nbsp;</h1>
					<span class="style2">&nbsp;[07.30.2007]</span>
					<p>You're now able to access the renamed and reorganized 
					8-10th Grade Files with greater ease. The top image above 
					now cycles through 10 images of the Iowa Great Lakes; new 
					image every 10 seconds. I've added a drop down menu system 
					so you can navigate CVO ProWeb easier. On the 8-10th Grade 
					Files, any of the Lake Cam pages, Portable Apps, or Wireless 
					Internet page, you are now able to Expand/Contract the top 
					navigation bar to view more of the page below.</p>

					
					<h1 class="style4">&nbsp;</h1>
					<span class="style2">&nbsp;[06.21.2007]</span>
					<p>You can now access a map of areas where FREE wireless 
					internet is available in the Okoboji region. Have free wifi 
					available?
					<a href="mailto:cvoproweb@gmail.com?subject=WiFi Available!">
					Contact Us</a> and include the address that it's available 
					at.</p>

					
					<br />

					
					<br />
					<center><span class="style3"><strong>
					<a href="newsarchive.html">[Archive of News]</a><br />
					</strong>&nbsp;</span><br />
					</center></div>

		</div>
	</div>
	<div id="footer">
		<ul>
			<li><a href="index2.html">Home</a></li> | 
			<li><a href="olr.html">Online Resources</a></li> | 
			<li><a href="school.html">School</a></li> | 
			<li><a href="/cams/lakecams.html">Lake Cams</a></li> | 
			<li><a href="bojiwifi.html">Wireless Internet</a></li> | 
			<li><a href="other.html">Other</a></li>
		</ul>
		<span> 
		<strong>&#169; 2007 CVO ProWeb Productions</strong> | <a href="javascript: void(0)" class="navtextcolor" onClick="MM_openBrWindow('tos/tosframe.html','','width=640,height=480')">Terms of Service</a> | <a href="mailto:cvoproweb@gmail.com?subject=Contact Us">Contact Us</a> | <!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=2272038; 
var sc_invisible=0; 
var sc_partition=20; 
var sc_security="182f054b"; 
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script>
<noscript><a href="http://www.statcounter.com/" target="_blank"><img  src="http://c21.statcounter.com/counter.php?sc_project=2272038&java=0&security=182f054b&invisible=0" alt="counter free hit invisible" border="1"></a> 
</noscript><!-- End of StatCounter Code -->
</span>
	</div>

</div>
</body>
</html>

Page Location: http://cvo.bluedisk.org/index2_flash.html

Looks Correct in Firefox:

Wrongly Displayed in IE:

Thanks!
-Chris

**Medyman** · 08-06-2007, 10:08 PM

Hi...

I didn't look at your code too much but seems like a z-indexing issue to me. Google z-index + flash and see if any of the solutions offered help.

**chrisfromboji** · 08-06-2007, 10:19 PM

Thanks for the suggestion but that didn't seem to help. I played around with the z-index in the css and it still didn't display the flash above the div content and nav tags.

Edit:
I've fixed almost everything by switching to Adobe Flash CS3's way of embeding and activating flash in ie7.
Here's the final hurdle:
Have any idea why the flash doesn't drop down over the text in IE, but it does in Firefox?
http://cvo.bluedisk.org/index2_flash2.html
I need it to drop down in IE too!

**Medyman** · 08-07-2007, 01:58 PM

For me, your drop down works on all pages except the index page. What's different about this page?

I'm using IE7

**chrisfromboji** · 08-07-2007, 11:02 PM

the difference is that the page I linked you to is using a flash menu that I'm trying to switch over to so that I can edit 1 file to change the menu. The rest of the site is still using the javascript + css menu that requires changes on every page the menu is on.

Thread: Flash Drops Down, & Places Correctly in Firefox, not IE

Thread Tools

Search Thread

Flash Drops Down, & Places Correctly in Firefox, not IE

Bookmarks

Bookmarks

Posting Permissions