SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot samg914's Avatar
    Join Date
    Nov 2009
    Location
    Boston, MA
    Posts
    132
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Suckerfish Menu IE6 IE7

    Can anyone tell me why this suckerfish drop down will not show in IE6 & IE7?

    Link: wwwDOTpremierlimoDOTcom (the drop down is titled "packages" at the top of the page)

    Thanks,

    Sam

  2. #2
    SitePoint Wizard bronze trophy cydewaze's Avatar
    Join Date
    Jan 2006
    Location
    Merry Land, USA
    Posts
    1,074
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    There are 69 HTML errors on that page, which makes it a bit difficult to troubleshoot, especially since 9 of the errors are within that menu. Most of those errors are with your ID values containing a space (you can use something like an underscore instead of a space).

    Try correcting those and see if you have any luck. If not, at least it'll be easier to troubleshoot.
    <cfset myblog = "http://cydewaze.org/">

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,784
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi,

    Ie7 doesn't like auto co-ordinates so set position:relative on the parent list and set the sub ul to left:0. Hide the menu with margin instead.

    Code:
    #nav li {
        float: left;
        position:relative;
    }
    #nav li ul {
        position: absolute;
        margin-left:-999em;
        left:0;
        height: 190px;
        width: 150px;
        float: left;
        clear:left;
        margin-top: 17px;
        padding-top: 10px;
        background-repeat: no-repeat;
        background-position: 2px;
        padding-left: 15px;
        font-size: 12px;
        background-image: url(../images/bg-packages-drop-down.jpg);
    }
    #nav li ul li {
        float: left;
        clear: left;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #nav li:hover ul, #nav li.sfhover ul {
        margin-left: 0;
    }
    You can't put breaks between list items:

    Code:
    <li><a href="airport-transportation.html" target="_self">Airport Transportation</a></li>
    <br/>
    <li><a href="corporate-travel.html" target="_self">Corporate Travel</a></li>
    <br/>
    All content must be inside the list. Don't use a break to make space anyway but just use a bottom margin in the list if necessary.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •