Forum Moderators: not2easy

Message Too Old, No Replies

Ordered List Rendering Problems

IE vs Firefox

         

wellbornSun

6:36 pm on Aug 29, 2007 (gmt 0)

10+ Year Member



I'm doing a page which includes an ordered list. This is the doc type:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

but when viewed in IE the numbers are 1., 1., 1... , but in Firefox, they render correctly 1., 2., 3......

here is the list where I've tried it two different ways:
<ol>
<li>Ut wisi enim ad minim veniam...</li>
<li>Lorem ipsum dolor sit amet, consectetuer...</li>
<li>Duis autem vel eum iriure dolor...</li>
<li>Lorem ipsum dolor sit amet...</li>
<li>Ut wisi enim ad minim...</li>
</ol>

have also tried...

<ol>
<li><p>Ut wisi enim ad minim veniam...</p></li>
<li><p>Lorem ipsum dolor sit amet, consectetuer...</p></li>
<li><p>Duis autem vel eum iriure dolor...</p></li>
<li><p>Lorem ipsum dolor sit amet...</p></li>
<li><p>Ut wisi enim ad minim...</p></li>
</ol>

has anyone seen this problem or know how to fix it?

rocknbil

6:54 pm on Aug 29, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Tested your code and looks fine here . . . I've never seen that!

wellbornSun

9:42 pm on Aug 29, 2007 (gmt 0)

10+ Year Member



It's only in IE. There is some javascript on the page w/ paypal stuff, but that should not matter. I'm thinking of using images for numbers.

[edited by: wellbornSun at 9:43 pm (utc) on Aug. 29, 2007]

orionsweb

4:57 pm on Aug 30, 2007 (gmt 0)

10+ Year Member



Can you give us the URL so we can see the problem and also view the surrounding code?

Lists are much better to use as they are well recognized in accessibility, usability, and also aid in SEO, don't use images for the numbers.

IMHO you should code using xhtml 1.0 transitional (released 1998) instead of 4.01 which is like 12 years old now lol... Changing DTD shouldn't have any effect on your current problem though.

rocknbil

6:42 pm on Aug 30, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



you should code using xhtml 1.0 transitional

Can you elaborate on why one should be using xhtml 1.0 if you're not actually doing any extensible markup?

Choosing the right doctype for your web site [webmasterworld.com]
Why most of us should not use XHTML Doctype [webmasterworld.com]

Can you give us the URL?

Welcome aboard, See #13 [webmasterworld.com]

encyclo

1:09 am on Aug 31, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Could you post any CSS which affects the
ol
and
li
? I have seen this effect before, but I can't remember the exact cause. Are you floating the list, or are you defining any list style?