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

Discussion in 'HTML & Website Design' started by chrisfromboji, Aug 6, 2007.

  1. #1
    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>© 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>
    
    Code (markup):
    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


    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!
     
    chrisfromboji, Aug 6, 2007 IP