/    Sign up×
Community /Pin to ProfileBookmark

ol inconsistency

Copy linkTweet thisAlerts:
Jan 02.2007

Hi –
I have an ordered list that looks OK in Fx; but in IE, the numbering is incorrect. Each list item starts with “1.” rather than the number next in the series.

There’s nothing special about the coding. (Below) Does anyone know of this bug?
css

[code]
#section3ContentPlaceholderControl #questions
{display: block; background: #d7cd8f url(http://apps.cpe.ky.gov/temp_docs/prototypes/cpe/images/tanman.gif) no-repeat 5px 8px; border: 5px solid #eee7b4; margin-top: 35px; width: 45em;}
#questions h2 {margin-left: 30px;}
#questions ol {margin-bottom: 1.5em;}
[/code]

html

[code]
 <div id=”section3ContentPlaceholderControl”><H2>Five Questions: One Mission</H2>
<OL>
<LI>Are more Kentuckians… <A href=”/NR/rdonlyres/073A9899-4667-4DA9-B6EF-8A95C9DC6777/0/Q1_PublicAgenda.pdf”>Find out…</A> </LI>
<LI>Is Kentucky education … <A href=”/NR/rdonlyres/073A9899-4667-4DA9-B6EF-8A95C9DC6777/0/Q1_PublicAgenda.pdf”>Find out…</A> </LI>
<LI>Do more Kentuckians … <A href=”/NR/rdonlyres/073A9899-4667-4DA9-B6EF-8A95C9DC6777/0/Q1_PublicAgenda.pdf”>Find out…</A> </LI>
<LI>Are college graduates… <A href=”/NR/rdonlyres/073A9899-4667-4DA9-B6EF-8A95C9DC6777/0/Q1_PublicAgenda.pdf”>Find out…</A> </LI>
<LI>Are Kentucky’s people… <A href=”/NR/rdonlyres/073A9899-4667-4DA9-B6EF-8A95C9DC6777/0/Q1_PublicAgenda.pdf”>Find out…</A></LI></OL></div>

[/code]

to post a comment
CSS

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@A1ien51Jan 02.2007 — copied and pasted that code into a page and looks fine to me.

--edit: wait missing the #questions that was not included-- adding to see if it made a difference

Eric
Copy linkTweet thisAlerts:
@A1ien51Jan 02.2007 — added the missing #questions, saw the nice looking colors and image and nope still have 1-5

This is with IE7

Eric
Copy linkTweet thisAlerts:
@KDLAauthorJan 02.2007 — Here's the [url="http://test.cpe.ky.gov"]link[/url].

(Yes, it's the worst coding in the world --- I inherited this CMS, and am not authorized to change it. I can only do things in the CMS regions/stylesheet.)
Copy linkTweet thisAlerts:
@toicontienJan 02.2007 — I think I've run into this before too. I take it the style declaration "... #questions" is applied to the OL tag? Since you specify the width, you invoke hasLayout in IE-Win. I believe I've run into a bug where OL tags with layout do not increment the marker value. The only workaround is to avoid CSS styles that trigger hasLayout.
Copy linkTweet thisAlerts:
@kiwibritJan 02.2007 — [url=http://www.webmasterworld.com/css/3119510.htm]Some stuff[/url] on ordered lists (which touches on IE6 and 7).
Copy linkTweet thisAlerts:
@KDLAauthorJan 02.2007 — I think I've run into this before too. I take it the style declaration "... #questions" is applied to the OL tag? Since you specify the width, you invoke hasLayout in IE-Win. I believe I've run into a bug where OL tags with layout do not increment the marker value. The only workaround is to avoid CSS styles that trigger hasLayout.[/QUOTE]
#questions is the tan box containing the <ol>. I commented out the width, and still the problem exists. ?

kiwibrit -- I don't see the connection. My <h2> is not within the list; it precedes it. ?

<i>
</i>&lt;h2&gt;text&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;text&lt;/li&gt;
&lt;/ol&gt;
Copy linkTweet thisAlerts:
@A1ien51Jan 02.2007 — This is in one of the CSS files

#mainContentArea p, #mainContentArea li {

width: 45em;}

Remove the reference to the #mainContentArea li and presto, you got numbers >1

Eric
Copy linkTweet thisAlerts:
@KDLAauthorJan 02.2007 — Ah, thank you!!!

I've looked through that mess of CSS several times, and not located that.

You've got a good eagle-eye!

?

KDLA
×

Success!

Help @KDLA spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...