Results 1 to 3 of 3

Thread: accordion menu-extra space between items in IE

  1. #1
    Join Date
    Oct 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default accordion menu-extra space between items in IE

    1) Script Title: Glossy Accordion Menu

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...enu-glossy.htm

    3) Describe problem: in Firefox, the headers have no space between them (which is why I love this script) In ie7 there is a wide white space above the second multiple header and I can't get rid of it.

    is there a hack we can apply to close up that space?

    thanks so much, Kathy
    Last edited by kralspace; 10-04-2010 at 06:16 PM.

  2. #2
    Join Date
    Aug 2004
    Posts
    9,902
    Thanks
    3
    Thanked 967 Times in 955 Posts
    Blog Entries
    15

    Default

    The issue basically boils down to the width of each A element inside the menu being set to "auto". IE7 requires an explicit width. Inside the .css file, try adding the line in red to the following code:

    Code:
    .glossymenu a.menuitem{
    background: black url(glossyback.gif) repeat-x bottom left;
    font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: white;
    display: block;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    width: auto;
    *width:100%; /* targets IE6 and 7 */
    padding: 4px 0;
    padding-left: 10px;
    text-decoration: none;
    }
    DD Admin

  3. The Following User Says Thank You to ddadmin For This Useful Post:

    jeanninejack (10-08-2010)

  4. #3
    Join Date
    Oct 2010
    Location
    gainesville, fl
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    This was driving me crazy. It wasn't showing up in all IE browsers, even across IE8 on different computers. Of course, it DID show up on the machine where i planned to present the new website. Thanks for posting the fix!!!

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
  •