Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    May 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE extra spacing between vertical menu items

    The following page http://wsdev.colostate.edu/cwis116/admmock/dsp_trn.cfm
    renders the left navigation properly in mozilla and opera. There is extra space between list items in IE 6.0.
    I looked in this forum, and saw it labeled as "holly hack" and tried with "height:1%" added to #leftnav li {} and #leftnav a {}. It did not work for me. How do you I fix this?
    Thanks.

    CSS:
    #leftnav ul
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

    #leftnav a
    {
    display: block;
    color: #FFF;
    background-color: #030;
    padding: 3px 12px 3px 8px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    }

    #leftnav a:hover
    {
    background-color: #ddc642;
    color: #FFF;
    }


    #leftnav li li a
    {
    display: block;
    color: #FFF;
    background-color: #050;
    margin:0;
    padding: 3px 3px 3px 17px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-weight: normal;
    height:1%;
    }

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    add this to your css
    Code:
    /* Fix IE. Hide from IE Mac \*/
    * html ul li { float: left; }
    * html ul li a { height: 1%; }
    /* End */
    It is the holly hack, and it has seemed to work for me when I have had extra spacing in between my li's on a vertical list.

  • #3
    New Coder
    Join Date
    May 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks. It worked.


  •  

    Posting Permissions

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