Log in

View Full Version : 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:


<!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:
http://img103.imageshack.us/img103/3869/flashmenuprobfirefoxjf4.png
Wrongly Displayed in IE:
http://img523.imageshack.us/img523/6065/flashmenuprobieje0.png

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.