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
ordered list
ordered list
ordered list
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!
Michael Sauers is currently the Director of Technology for Do Space in Omaha, NE. Michael has been training librarians in technology for the past twenty years and has also been a public library trustee, a bookstore manager for a library friends group, a reference librarian, serials cataloger, technology consultant, and bookseller since earning his MLS in 1995 from the University at Albany’s School of Information Science and Policy. Michael has also written dozens of articles for various journals and magazines and his fourteenth book, Emerging Technologies: A Primer for Librarians (w/ Jennifer Koerber) was published in May 2015 and more books are on the way. In his spare time he blogs at travelinlibrarian.info, runs The Collector’s Guide to Dean Koontz Web site, takes many, many photos, and typically reads more than 100 books a year.
View all posts by Michael Sauers
2 Replies to “A problem with numbered lists in IE”
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).
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
Yay! Glad to help.