SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Mar 2006
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Angry List nav in IE6 and IE7 not working

    Hi folks,

    Having some weird and frustrating problems with list menus in IE6 and IE7.

    The link is:

    http://pixelstation5.com/irpdemo/fse/index.php

    Works fine in Firefox and Safari.

    in IE6, both the top and left menus do not display, except the text for the top menu shows as black.

    In IE7 the left menu displays fine (except for a 1px space). The top menu is invisible (but works on mouseover - and 1px space above the list item again).

    Thanks in advance to anyone who knows what's wrong.

    J.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,380
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi Pixelstation,

    Here are the fixes you need.

    Add this to the IE nly stylesheet.

    Code:
    #content, 
    #navColumn ul,
    #navColumn ul li,
    #navColumn ul li a,
    ul.MenuBarHorizontal{
      zoom: 1.0;
    }

    Then remove this code:

    Code:
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    {
        ul.MenuBarHorizontal li.MenuBarItemIE
        {
            display: inline;
            f\loat: left;
            background: #FFF;
        }
    }

  3. #3
    SitePoint Member
    Join Date
    Mar 2006
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks a lot Paul. That did the trick.

    J.


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
  •