Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    May 2003
    Location
    Groningen, the Netherlands
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer <ul> <li> Spacing problem in Internet Explorer

    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

  • #2
    New Coder
    Join Date
    Aug 2004
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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:

    Code:
    <ul id="menu">
      <li><a href="#">home</a></li>
      <li><a href="#">section1</a></li>
      <li><a href="#">section2</a></li>
    </ul>
    You'd have:

    Code:
    <ul id="menu">
      <li><a href="#">home</a></li><li><a href="#">section1</a></li><li><a href="#">section2</a></li>
    </ul>
    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.

  • #3
    New Coder
    Join Date
    May 2003
    Location
    Groningen, the Netherlands
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •