Re: Can't remove spacing between <li> items in IE6
- From: "JB" <me@xxxxxxxx>
- Date: Fri, 13 Jan 2006 13:19:02 -0000
"Els" <els.aNOSPAM@xxxxxxxxxx> wrote in message
news:8ye49o6bnixu.6clxircigrcg.dlg@xxxxxxxxxxxxx
> JB wrote:
>
>> This is doing my head in! Please help.
>>
>> I've built a simple <ul> to serve as a menu for a page I'm working on. I
>> have tested the menu in Mozilla Fireworks 1.5 and it's fine - nice and
>> compact with no extra spacing - but in Microsoft Internet Explorer 6
>> there
>> are huge gaps between each list item.
>>
>> URL :http://217.154.67.191/left_menu.htm
>>
>> It's got to be a simple thing I'm missing so please point it out to me.
>
> There are no gaps. When hovering, the blue backgrounds aren't
> separated from each other. I think you have to look at the line-height
> on the a element.
>
> --
> Els http://locusmeus.com/
> Sonhos vem. Sonhos vão. O resto é imperfeito.
> - Renato Russo -
Thanks for that Els but apparently this is a documented issue:
http://www.hicksdesign.co.uk/journal/ie-whitespace-bug
None of the solutions there worked but I eventually found a fix by hiding a
couple of commands from all browsers except IE by putting an underscore
before them.
#navigationContainer ul {
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:0.6em;
padding-bottom:8px;
_float:left;
_clear:both;
}
Not ideal but it works!
JB
.
- Follow-Ups:
- Re: Can't remove spacing between <li> items in IE6
- From: Els
- New topic: huge margin in Firefox
- From: JB
- Re: Can't remove spacing between <li> items in IE6
- From: Alan J. Flavell
- Re: Can't remove spacing between <li> items in IE6
- References:
- Prev by Date: Re: Can't remove spacing between <li> items in IE6
- Next by Date: Re: Can't remove spacing between <li> items in IE6
- Previous by thread: Re: Can't remove spacing between <li> items in IE6
- Next by thread: Re: Can't remove spacing between <li> items in IE6
- Index(es):
Relevant Pages
|
