View Full Version : <ul> <li> Spacing problem in Internet Explorer

Mar 16th, 2005, 04:33 PM
I'm am working on a website (http://ijscoboer.homeip.net/~harry/willemjacob.nl/) but I have troubles with getting the menu to work properly in Internet explorer (6). Firefox renders it properly, but IE shows space after the second, and lower menu items. Even in the submenu's.

Has anybody got a bright idea? I'm out of ideas at the moment :(

Mar 16th, 2005, 05:09 PM
IE, in its infinite sucktitude, does have problems with list items. One fix, which makes for some arse ugly code, but fixes the spacing issue is to remove the line breaks between the <li>'s.

So instead of:

<ul id="menu">
<li><a href="#">home</a></li>
<li><a href="#">section1</a></li>
<li><a href="#">section2</a></li>

You'd have:

<ul id="menu">
<li><a href="#">home</a></li><li><a href="#">section1</a></li><li><a href="#">section2</a></li>

Like I said, it's not pretty, but I've had to do this on a number of occasions to keep IE playing nicely. Sometimes it is so ridiculous in how much it sucks that it renders you speechless.

Mar 16th, 2005, 10:18 PM
I remember I had to use that to fix some table problems once, but in this case it doesn't seem to solve the problem... I Heard some thing about 'bugs' in the box model of IE. I'm going to take a look at that now.