Advertisement

07.22.2008 at 02:23PM PDT, ID: 23586660
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!
8.4

Drop down menu is displayed properly in FireFox but not Internet explorer.

Asked by brgdotnet in Cascading Style Sheets (CSS), Internet Explorer Web Browser, Dynamic HTML (DHTML)

I am using some Java Script code with CSS and DHTML to create drop down menus. They work perfectly when viewed in FireFox. But in Internet Explorer on some pages, the drop down menus are being covered up by other images on the page. So it seems that Firefox  allows the drop down menus to be rendered on the page last. (Which is the desired behavior) As opposed to Internet Explorer which appears to display the drop down menus and then to next display other images on the page on top of the drop down menus. Does anyone know how to fix this? Here is my Java Script Code that works in conjunction with a swish file. I am also including a web page of code in the snippet box.

                    <script language="Javascript" type="text/javascript">
                    <!--//--><![CDATA[//><!--
                        var so = new SWFObject("../flash/home.swf", "home_page_header", "950", "236", "7", "#FFFFFF", true);
                        //add params
                        so.addParam("quality","high");
                        // Write the Flash tags
                        so.write("home_page_header");
                    //--><!]]></script>
Start Free Trial 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:

Here is some sample code. I would suggest copying into an editor of some sort so that it is more readable.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- ***|||*** - begin repeatable html title-head section -->
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head id="ctl00_Head1"><title>
	Colster | Home
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="author" content="Colster" /><meta name="generator" content="Colster" /><meta name="keywords" /><meta name="description" /><meta name="ROBOTS" content="FOLLOW,INDEX" />
<link rel="stylesheet" type="text/css" href="../ui/Colster_screen.css" media="all" />
<link rel="stylesheet" type="text/css" href="../en/images/language_screen.css" media="all" />
 
<script type="text/javascript" src="../scripts/Colster.js"></script>
<script type="text/javascript" src="../scripts/swfobject.js"></script>
<script language="javascript" type="text/javascript">
<!--
function popUpPress(url) {
	window.location="http://www.Colster.com/en/aboutus/pressreleases/default.aspx";
	newWindow=window.open(url,'pressRelease','height=600,width=800, scrollbars=yes');
	if (window.focus) {newWindow.focus()}
	
	return false;
}
 
// -->
</script>
 
<script type="text/javascript">
<!--//--><![CDATA[//><!--
startList = function() {
	// emulates :hover pseudo-class event for IE browsers
	// required for css dropdowns
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("primenav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}
//--><!]]></script>
 
 
 
</head>
<!-- ***|||*** - end repeatable html title-head section -->
 
<!-- ***|||*** - begin repeatable page header section -->
<body onload="Colster_init();" class="frontpage">
<div class="container-page">
        
		<div class="white-background">
			<div id="page_elem_1" class="container-centered-page">
				<div id="header_elem_1" class="container-header">
				
					<a class="imglink" href="/en/default.aspx"><img src="../images/Colster_logo_transparent.gif" 
						id="Colster_logo"
						alt="Colster" /></a>
						
                    <img src="../images/tagline_whitebg.jpg" 
						id="Colster_tagline"
						alt="The mikos Leader In Industrial Real Estate" />
						
                    <!-- mainNav -->
                    
<!-- navUtility Control Starts -->
 
<?xml version="1.0" encoding="utf-16"?><div id="header_elem_2" class="container-header-utility-nav" style=""><form method="get" name="frm_utilnav_search" id="frm_utilnav_search" action="/en/searchresults/searchresults.aspx"><ul id="utilnav" class="horiz-nav"><li class="firstelem"><a href="/en/aboutus/default.aspx">about us</a></li><li><a href="/en/careers/default.aspx">careers</a></li><li><a href="/language.aspx">change language</a></li><li><a href="/en/contactus/default.aspx">contact us</a></li><li><a href="/en/searchresults/searchresults.aspx">search</a></li></ul><input type="text" size="5" name="query" class="text-in" id="query" value="" maxlength="255" /><input type="submit" class="submit-button" id="sub_utilnav_searchbutt" name="sub_utilnav_searchbutt" value="»" /></form><br class="clearing" /></div>
 
<!-- navUtility Control Ends -->
<!-- ***|||*** - end repeatable page header section -->
 
                    <!-- mikosNav -->
                    
<!-- navMain Control Starts -->
<link rel="stylesheet" type="text/css" media="all" href="/en/images/language_screen.css">
<ul id="primenav" class="cssdropdowns">
  <li class="offstate"><a id="mainnav_mikos" href="/en/mikosplatform/default.aspx"><span class="hiddentext">mikos platform</span></a></li>
  <li class="offstate"><a id="mainnav_doso" href="/en/dosocropermanagement/default.aspx"><span class="hiddentext">doso and croper management</span></a></li>
  <li class="offstate"><a id="mainnav_dev" href="/en/development/default.aspx"><span class="hiddentext">development</span></a></li>
  <li class="offstate"><a id="mainnav_mixed" href="/en/mixeduse/default.aspx"><span class="hiddentext">mixed-use</span></a></li>
  <li class="offstate"><a id="mainnav_monsi" href="/en/juns/default.aspx"><span class="hiddentext">monsi management</span></a></li>
  <li class="offstate"><a id="mainnav_investor" href="http://ir.Colster.com/investors/index.cfm" target="_blank"><span class="hiddentext">investor relations</span></a></li>
</ul>
<!-- navMain Control ends here -->
 
                    <br class="clearing" />
                    <div id="grey_line_above">
                        <!-- grey vertical dotted line above header photo background -->
                    </div>
                    
                    <div id="home_page_header" class="header-image" title="header multimedia asset">
                        <!-- header photo background -->
                    </div>
 
                    <script language="Javascript" type="text/javascript">
                    <!--//--><![CDATA[//><!--
                        var so = new SWFObject("../flash/home.swf", "home_page_header", "950", "236", "7", "#FFFFFF", true);
                        //add params
                        so.addParam("quality","high");
                        // Write the Flash tags
                        so.write("home_page_header");
                    //--><!]]></script>
 
                    <div id="green_line_below">
                        <!-- green horizontal line color-block -->
                    </div>
				</div>	<!-- //container-header -->
				
				<div id="middle_col_elem_1" class="container-col-middle">
				    
    <h1>Welcome</h1>
    <p>This is a new website</p>
 
                </div>
                
                
				<div id="left_col_elem_1" class="container-col-left">
					<h1>
Colster in the News
</h1>&nbsp;
                    <ul class="left-col-list">
  <li>
<a href="http://ir.Colster.com/investors/releasedetail.cfm?ReleaseID=238772" onclick="return popUpPress('http://ir.Colster.com/investors/releasedetail.cfm?ReleaseID=238772')">Link to Press Release page</a>
  </li>
</ul>
                    <div class="cropersearch"><a href="/en/croper/default.aspx" title="croper search"><!-- croper search button --></a></div>
				</div>	
					<!-- //container-col-middle -->				
					
<!-- ***|||*** - begin repeatable page footer section -->
                <br class="clearing" />
                <div id="footer_elem_1" class="container-footer">
                    <!-- footerNav -->
                    
<!-- navFooter Control Starts -->
<?xml version="1.0" encoding="utf-16"?><ul id="footnav" class="horiz-nav"><li class="firstelem"><a href="/en/sitemap.aspx">site map</a></li><li><a href="/en/legalinformation.aspx">terms of use</a></li><li><a href="/en/relatedsites.aspx">related sites</a></li></ul>
<!-- navFoot Control Ends -->
                    <br class="clearing" />
                    <div id="footer_imagebelow_container">
                        <div>
                            <!-- candy-flavored globes background -->
                        </div>
                    </div>
                </div>
                <!-- //container-footer -->
            </div>
            <!-- //container-centered-page -->
        </div>
        <!-- //white-background -->
    </div>
    <!-- //container-page -->
</body>
</html>
[+][-]07.22.2008 at 04:41PM PDT, ID: 22064703

View this solution now by starting your 7-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zones: Cascading Style Sheets (CSS), Internet Explorer Web Browser, Dynamic HTML (DHTML)
Sign Up Now!
Solution Provided By: scrathcyboy
Participating Experts: 1
Solution Grade: B
 
 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628