Rss Feed
Tweeter button
Facebook button
Myspace button
Linkedin button
Delicious button
Digg button
Flickr button
Youtube button

A problem with numbered lists in IE

Lists in Firefox
Lists in IE

I’m getting some odd results in IE right now (both in IE6 and IE7beta3) that I just can’t explain. Here’s what I’m talking about:

  • unordered list
  • unordered list
  • unordered list
  • unordered list
  1. ordered list
  2. ordered list
  3. ordered list
  4. ordered list

The first list is coded with <ul> and displays the bullets as expected. The second list is coded with <ol> and displays the nubmers one through four as expected, but only in Firefox. IE is not displaying the nubmers. The really odd part is that it only seems to be happening in my Blogger posts, but not with test files sitting on my hard drive. I’ve repeated this on multiple computers and would appreciate someone confirming this problem. If you have a solution and/or explaination I’d love to hear it.

UPDATE: As you can see, the CSS edit suggested by Steve in the comments fixed the problem. Thanks Steve!

Category: blogger, css, firefox, ie
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
2 Responses
  1. Steve says:

    I think the problem is in the stylesheet:

    #content ol {margin: 0px; padding-bottom: 7px; }

    Try getting rid of that “margin:0px;” entirely.

    It seems to take care of it in IE for the Mac, and still looks OK in Firefox for the Mac. I don’t have access to a PC to check in IE6 (or 7, for that matter).

    -Steve

  2. Steve says:

    Yay! Glad to help.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>