Computing.Net > Forums > Web Development > drop down wont work in firefox

Computer Problems? Computing.Net has over 1,000,000 posts about all things technology related! Over 90% answered within 24 hours! Click here to start participating now! Also, be sure to check out the New User Guide.

drop down wont work in firefox

Reply to Message Icon

Name: BigShow
Date: March 21, 2008 at 14:51:35 Pacific
OS: xp
CPU/Ram: pentium
Product: dell
Comment:

Hello, I made a drop down menu for a client that does not work in firefox. I did not test this before I launched it and now I need to fix it asap. The site url is

www.jrmhauling.com

The drop down menu is sippose to drop down on the services tab. I used a menu I found on the net, it is from :a list apart". Here is the code...

This is the script that makes it work

<script type="text/javascript"><!--//--><![CDATA[//><!--

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
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", "");
}
}
}
}
}
window.onload=startList;

//--><!]]></script


Here is the unordered list

<table cellspacing="0" cellpadding="o" width="1000">
<tr>

<td></td>
<td>
<ul id="nav">

<li class="margin2"><div>Home</div></li>
<li><div>About Us</div></li>
<li>
<div>Services</div>
<ul>

<li>  Container Rentals</li>
<li>      Front Loading Containers</li>
<li>      Rear Loading Containers</li>
<li>      Roll Off Containers</li>
<li>  Hauling and Recycling</li>
</ul>

</li>
<li><div>JRM Green</div></li>
<li><div>Careers</div></li>
<li><div>Contact Us</div></li>

</ul>
</td>
</tr></table>


From research I think it might have to do with a clear command. Not sure though. Can someone take a look, Thanks alot.



Sponsored Link
Ads by Google

Response Number 1
Name: Michael J (by mjdamato)
Date: March 21, 2008 at 20:56:18 Pacific
Reply:

You have a lot more problems than the drop-down menu. The entire layout is jacked up in FF. Good luck with that.

Michael J


0

Response Number 2
Name: Laler
Date: March 22, 2008 at 11:11:56 Pacific
Reply:

lulz :D

I can only suggest to have at least these in your quicklaunch bar when you're going to do (quality) layout development works.

And btw Opera and Safari shows the same result as Firefox.

---
Fubar


0

Response Number 3
Name: worldlibrary
Date: March 22, 2008 at 16:13:19 Pacific
Reply:

http://www.echoecho.com/htmlforms11...

Has a few examples.

Do all of their customers use Java?


0

Response Number 4
Name: Michael J (by mjdamato)
Date: March 23, 2008 at 01:29:10 Pacific
Reply:

"Do all of their customers use Java?"

What does Java have to do with this? He has a JavaScript menu. Java is something entirely different. Althought he question is still valid.

Michael J


0

Response Number 5
Name: BigShow
Date: March 23, 2008 at 17:20:38 Pacific
Reply:

After the flurry of supportive responses that I have received with this question, I realize I need to cometely rewrite this site with straight CSS. I am working on it now.


0

Related Posts

See More



Response Number 6
Name: BigShow
Date: March 25, 2008 at 19:16:25 Pacific
Reply:

Alright, I wrote the first page in CSS. I am running into a few problems with it though. I have a background image that is basically a 20px green border, on the left side of a 1022px white background with a recycling logo in the background. Because of this the truck image on the center right is an image not a background. Because of that the drop down menu appears behind the image. The best case on this is the menu is somehow put forward. This is what I have tried already.

-tried to make a 20px green square and put it on the left of the wrap and repeat all the way down thus allowing me to put the truckmin the background, didnt work.

-I played with the Z index on everything, didnt work.

-I tried making the white in the background pic transparent and the truck transparent, didnt work.

What are my options, I am lost?

The site is temporarily at

www.iwebexp.com


0

Response Number 7
Name: BigShow
Date: March 25, 2008 at 21:19:56 Pacific
Reply:

I figured it out,i had to play with the z-index.


0

Sponsored Link
Ads by Google
Reply to Message Icon






Post Locked

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.


Go to Web Development Forum Home


Sponsored links

Ads by Google


Results for: drop down wont work in firefox

code works in Firefox but not in IE www.computing.net/answers/webdevel/code-works-in-firefox-but-not-in-ie/2252.html

index.asp not working in firefox www.computing.net/answers/webdevel/indexasp-not-working-in-firefox/4192.html

YUI and AJAX scripts not working in IE www.computing.net/answers/webdevel/yui-and-ajax-scripts-not-working-in-ie/4283.html