...

View Full Version : IE extra spacing between vertical menu items



mimi
05-16-2005, 10:16 PM
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%;
}

_Aerospace_Eng_
05-16-2005, 11:23 PM
add this to your css

/* 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.

mimi
05-17-2005, 09:28 PM
Thanks. It worked.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum