Suckerfish problem in IE6

Discussion in 'CSS' started by risoknop, Jul 30, 2008.

  1. #1
    Alright, check out this website: http://freelancerselite.com/

    Now, look at the horizontal navigation, try hovering few page links, there should be dropdown menus for subpages.

    I have used Suckerfish as a solution for dropdown menus. The problem is that the dropdown menus don't show up in IE6. Works fine in IE7, FF 2, FF 3, Opera 9.27, Opera 9.5...

    I have been playing with the stylesheet for a while now and can't figure it out. Please help? :)

    HTML:

    
    <div id="navbar">
      <ul id="navigation">
        <li><a href="<?php echo get_settings('home'); ?>">Home</a></li>
        <?php wp_list_pages('title_li=&exclude=33,43,50,53,131,133' ); ?>
        <li><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>
      </ul>
    </div>
    
    Code (markup):
    CSS:

    
    /************************************************
    *	Navbar      								*
    ************************************************/
    
    #navbar {
      background: #f3f0e7 url('images/navbar.gif') 0 0 repeat-x;
      width: 950px;
      height: 33px;
      margin: 0 auto;
      padding: 0 10px;
    }	
    #navbar li {
      list-style: none;
      }	
    #navigation a {
      display: block;
      font: normal 14px Times New Roman, Helvetica, sans-serif;
      color: #401412;
      padding: 9px 10px 7px 10px;
      text-decoration: none;
      text-transform: uppercase;
      }
    #navigation a:hover {
      background: #f3f0e7 url('images/navhov.gif') 0 0 repeat-x;
      color: #fff;
      }
    #navigation li ul li a {
      padding: 4px 10px 2px 10px;
      background: #f3f0e7;
      text-transform: none;
      font-size: 12px;  
      }
    #navigation li ul li a:hover {
      background: #9f9268;
      }
    #navigation li {
      float: left;
      }
    #navigation li ul {
      position: absolute;
      left: -999em;
      }
    #navigation li ul li {
      width: 15em;
      clear:left;
      float: left;
      }
    #navigation li:hover ul, #navigation li.sfhover ul {
      left: auto;
      }
    
    Code (markup):
     
    risoknop, Jul 30, 2008 IP
  2. jared

    jared Peon

    Messages:
    231
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Are you sure you uploaded the suckerfish.js correctly.

    I tried to download it at the location you used in the html and it's not there.

    If it is working in all the browsers except IE6 - then something is messed up with you js. In this case its not in the right location.
     
    jared, Jul 30, 2008 IP
    risoknop likes this.
  3. risoknop

    risoknop Peon

    Messages:
    914
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Jesus I am stupid :D

    Yeah that was the problem, uploaded suckerfish.js to wrong folder...

    Thanks. Rep added ;)
     
    risoknop, Jul 30, 2008 IP
  4. jared

    jared Peon

    Messages:
    231
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #4
    yeah stupid stuff like that happens all the time to me - probably why I'm so good at spotting it haha :D

    cheers
     
    jared, Jul 30, 2008 IP