[html] spaces between list items
 

I am having an html issue on some pages that I am doing. Everything looks fine on all browsers other than IE for the PC. The problem is that IE seems to be putting some spaces between all my list items (on the left nav.) I can't seem to find these spaces in the code, and they go away when i run the list items together (I don't really want to do this, plus I feel like there has to be some other explanation.)

here is a page that has the issue:

http://drackett.mine.nu/design/admis...ate/index.html

I think your CSS file could be the problem.

try playing around with the
#sidenav
directives in the CSS file.

What fixes it for IE(6) breaks it for Opera (7.54) <sigh>
but this is the one you should look at:

display: block;

within the #sidenav a:link, #sidenav a:visited directive.
Happy CSS-ing!

When I take that block out, I don't think it will work on any browsers.. and try selecting the text on IE.. there are clearly spaces between the list items..

also, i did a test, and when you take the line-breaks out of the code (HTML) it works...

any other ideas?

I use opera as my default browser so that's why I noticed...
But I mentioned it to show the fact that it can break current browser (mozilla etc) support. But Opera is the only other one available for me here...

yeah, that breaks it in everything but IE... there has to be something else..

odd.

i don't currently have a pc, but does this file:

http://drackett.mine.nu/design/untitled.html

have the same problem?

Put the closing </LI> tag on the same line as the opening <LI> tag. I used to have the same problem with extra whitespace in <TD> tags, and that's what fixed it. Don't leave any space between the end of the tag's content and the closing tag.

EDIT: Never mind. I was looking at the stuff on the righthand side.

The XHTML starting at line 49 is not well-formed. You cannot have an unordered list between two list items. A nested list must be between the opening and closing tags of the containing list item.

hm.. i didn't know that.. i'll try changing that and see what happens... it does, however, happen in lists without nesting..

I'm not going to open Internet Explorer to look at this because I got infested with a zillion adware programs last time I used IE. It's possible the LI content is being forced to wrap because it's wider than one of the parent elements. IE dogmatically asserts the width of a parent element, whereas Mozilla will let the child element's content overflow the righthand boundary of a parent element.

would that still be the case if it works when you run the list items together?


Thanks so much for all the help!

It shouldn't be. The whitespace between tagsets is meaningless. You could have 50 blank lines between one list item and the next, and it wouldn't matter.

you should check it out.. its very odd.

Sorry, but I don't have time to clean up anymore adware or spyware today. I don't think it would help anyway. I'm out of ideas.

have you tried using the "line-height" declaration on your list items or on the unordered list itself?

try it in place of using "padding".

good idea. I'll give that a try