Previous Message
Next Message

Gaps Between List Items in IE

Sent by Scot Schlinger on 15 September 2005 14:02


Justin,

I think I have an answer (might not be the best as I am learning also) as I 
was helped recently with related problems by Georg. It seems in ie6 there is 
a 'hasLayout' mechanism that has to be triggered which can be solved without 
a hack as css compliant browsers already deal with in the same fashion 
(those of you with knowledge please correct me as I am sure I am wrong).

Anyway, I just made
ul#navSub a {
display: block;
text-align: center;
padding: 8px;
border-bottom: 1px solid #666;
}

into

ul#navSub a {
display: block;
text-align: center;
padding: 8px;
border-bottom: 1px solid #666;
width: 120px;
}

and it worked find in both ie 6.x and ff 1.0.6

I hope that helps and that I am not that far off,
Scot


On 9/15/05, [EMAIL-REMOVED] [EMAIL-REMOVED]> wrote:
> 
> Hello List,
> I don't have access to a server to post an HTML file, but if someone could 
> look at the code below, and please tell me why in IE6 (pc) I have extra 
> vertical space between my <li> elements. In Firefox, it looks fine. The odd 
> thing is that if I put a 1px border on the <li>, the gap disappears (see it 
> commented out below).
> 
> Thanks in advance. I am humbled by the awesomeness of knowlege here.
> 
> Justin
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: