Skip navigation
Currently Being Moderated

CSS Menu in Firefox not working

Apr 5, 2013 6:49 AM

Tags: #html #css #html5

digitaldealershipsystem.com

The Menu at the top works well in IE and Chrome, but in Firefox, when mousing over the links at the top, the pull down is under "home" instead of the appropriate area. They cannot be clicked which means it's useless for Firefox users.
example.png


Any assistance would be appreciated.

Thank you.

 


 


 
Replies
  • Currently Being Moderated
    Apr 5, 2013 7:09 AM   in reply to tkatcher

    You have quite a few serious validation errors on this page. Fix those first before attempting to troubleshoot any layout issues.

     

    http://validator.w3.org

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2013 8:16 AM   in reply to tkatcher

    It doesnt have much to do with validation its the nav css that is wrong somehow

     

    If you add the styling directly to the page it positions correctly in Firefox BUT that will throw other browsers out.

     

    <ul style="position: absolute; left: 70px;">

            <li class="subfirst"><a href="http://www.digitaldealershipsystem.com/overview.html">Feature List</a></li>

     

     

    Unfortunately I'm not familar with the css that is written, so apart from identifying the problem I can't be of much help.

     

    .topmenu class needs to be position: relative; as far as I can see so the ul within it can be positioned absolutely. If I set that it doesnt seem to observer the position of relative beacuse it still throws the ul nested within it right over to the start of the menu.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2013 8:23 AM   in reply to tkatcher

    Validator doesn't make mistakes like that.

     

    When I validate digitaldealerships.com, I get 60 errors containing several things like this -

     

    <!-- End css3menu.com BODY section -->

    <td width="73" align="right" valign="top" bgcolor="#333333"><a id="login" onClick="openLoginApp('login', 'http://galaxy.signage.me/WebService/', airApplicationArguments)"><image src="http://www.digitaldealershipsystem.com/images/nav3/login.png" />

     

    (no such thing as <image>)

     

    or many like this -

     

    <a href="gallery.html"/>

     

    (that's not a valid opening anchor tag)

     

    Or this -

     

    <p><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

     

    (can't put a table into a paragraph tag)

     

    There's lots of work to do there.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2013 9:16 AM   in reply to tkatcher

    It's your use of an invalid <image> tag that's in question in these several instances.  That's not a valid tag (<image>) - it's <img>. Also <a href="whatever.html" /> is not a properly formed opening anchor tag. It should be <a href="whatever.html">. Those kinds of things can be responsible for many browser problems.

     

    By looking for something that is FF-specific you will be missing the boat on getting this fixed. It makes no sense to troubleshoot a layout issue on a page that you know contains invalid code.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2013 9:40 AM   in reply to MurraySummers

    MurraySummers wrote:

     

    It's your use of an invalid <image> tag that's in question in these several instances.  That's not a valid tag (<image>) - it's <img>. Also <a href="whatever.html" /> is not a properly formed opening anchor tag. It should be <a href="whatever.html">. Those kinds of things can be responsible for many browser problems.

     

    By looking for something that is FF-specific you will be missing the boat on getting this fixed. It makes no sense to troubleshoot a layout issue on a page that you know contains invalid code.

     

    I hear what you are saying Murray being a validation geek, I respect that, but this (I think) has nothing to do with validation. I striped out all of the page completely and just left the nav stuff. 

     

    If that is valid and I didnt have time to check its a css issue

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2013 1:55 PM   in reply to tkatcher

    I'm not sure that anyone really knows the answer without unpicking the css that positions the menu. Not sure where you got the css code from but did they have any examples which worked in Firefox?

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 8, 2013 4:10 AM   in reply to tkatcher

    Why don't you give a try to AllWebMenus? (likno.com). Their menu builder handles problems like that (cross-browser, cross-platform,...) and they have a Dreamweaver Extension.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 8, 2013 4:33 AM   in reply to Dave.Lu

    I would never dream of using an AllWebMenu on anything. The implementations I have seen are just horrible. Are the links still embedded in javascript so that they cannot be read by search engines?

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 9, 2013 1:35 AM   in reply to MurraySummers

    This used to be the case many years ago, it seems that they now have multiple options on how to populate your menu: they now have a pure-CSS menu version as well as a UL/LI population method for their JavaScript menu, so SEO is definitely not an issue.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points