Hi-
I've got a page that looks fine in FF & validates for both HTML and CSS. In IE, the problem is that each navigation <li> has about a 1em space underneath of it. I've applied line-height, display, margin, padding in every configuration I can think of, but still don't get what I want. Please review and give me your ideas on how to fix this.
drhowarddrfine, Oops -- My CSS DID validate when I sent that message. I just happened to apply some last minute screw-ups before leaving the office yesterday. Call me fickle....
KDLA
11-16-2005, 06:05 PM
drhowarddrfine
**fickle**
11-17-2005, 01:43 PM
KDLA
Bon Rouge -
Is there a way of doing this and still have valid coding? Although what you supplied works beautifully, it causes my page to have a validation error.
KDLA
Browsers are told to ignore white spaces inside HTML tags, so the extra line breaks and spacebar spaces are irrelevant. The author of the ALA article thinks that IE creates the white space because it still recognizes white space outside of the LI element and is a throwback to the days when list item tags were not required to be closed with </li>. So butting the ">" of the previous closing list item tag up to the "<" of the next opening list item tag should get rid of the problem.
Another solution is to float the LI tags left or right and give them a width.
11-17-2005, 03:09 PM
KDLA
I remember seeing that -- It just never clicked. {but then, so many other things don't seem to either... :)}
I'll give it a try. Thanks for your input!
KDLA
11-18-2005, 01:35 AM
BonRouge
You could also use '* html' before the rule instead of using the underscore. That's valid.
Or you could put the code in IE conditional comments. Like this :
Code:
<!--[if IE]>
...style tags and rules or a link to an IE-only stylesheet go(es) here...
<![endif]-->
