Comments on: Techy Treasures #5: Fudging CSS Counters in Internet Explorer http://www.sitepoint.com/blogs/2009/03/31/techy-treasures-5-fudging-css-counters-in-internet-explorer/ News, opinion, and fresh thinking for web developers and designers. The official podcast of sitepoint.com. Sun, 22 Nov 2009 11:54:05 -0500 http://wordpress.org/?v=2.8.4 hourly 1 By: phiw13 http://www.sitepoint.com/blogs/2009/03/31/techy-treasures-5-fudging-css-counters-in-internet-explorer/comment-page-1/#comment-908420 phiw13 Thu, 02 Apr 2009 11:47:33 +0000 http://www.sitepoint.com/blogs/?p=7738#comment-908420 <blockquote>@Philippe - I tried it using the CSS2 notation, and it still didn’t work. Can you show me an example of working counters in IE8?</blockquote> These 2 test cases are supposed to work correctly: http://dev.l-c-n.com/css2/counters-Ordered_list.html http://dev.l-c-n.com/css2/counters-2.html Mind you, check with IE 8 release. Right now, I only have Win 7 with a slightly outdated build; the numbering goes wrong. But the release build should work fine. Note that Opera, up to 10alpha is really wrong, when using <code>counters()</code> and there are multiple lists on the page, like my second test case.

@Philippe – I tried it using the CSS2 notation, and it still didn’t work. Can you show me an example of working counters in IE8?

These 2 test cases are supposed to work correctly:
http://dev.l-c-n.com/css2/counters-Ordered_list.html
http://dev.l-c-n.com/css2/counters-2.html
Mind you, check with IE 8 release. Right now, I only have Win 7 with a slightly outdated build; the numbering goes wrong. But the release build should work fine.

Note that Opera, up to 10alpha is really wrong, when using counters() and there are multiple lists on the page, like my second test case.

]]> By: zcorpan http://www.sitepoint.com/blogs/2009/03/31/techy-treasures-5-fudging-css-counters-in-internet-explorer/comment-page-1/#comment-908333 zcorpan Thu, 02 Apr 2009 07:52:50 +0000 http://www.sitepoint.com/blogs/?p=7738#comment-908333 (...especially considering that double-colon syntax works in IE6!) (…especially considering that double-colon syntax works in IE6!)

]]> By: zcorpan http://www.sitepoint.com/blogs/2009/03/31/techy-treasures-5-fudging-css-counters-in-internet-explorer/comment-page-1/#comment-908331 zcorpan Thu, 02 Apr 2009 07:51:29 +0000 http://www.sitepoint.com/blogs/?p=7738#comment-908331 <a href="http://software.hixie.ch/utilities/js/live-dom-viewer/saved/54" rel="nofollow">http://software.hixie.ch/utilities/js/live-dom-viewer/saved/54</a> - works for me in IE8 although the numbers are 1, 4, 6, 8, 10, 12 instead of 1..6. Clearly that's not correct. Also, it's silly of them to not support the double-colon syntax -- I filed a bug about that during the IE7 beta <em>and</em> the IE8 beta but it was rejected both times. Oh well. http://software.hixie.ch/utilities/js/live-dom-viewer/saved/54 – works for me in IE8 although the numbers are 1, 4, 6, 8, 10, 12 instead of 1..6. Clearly that’s not correct.

Also, it’s silly of them to not support the double-colon syntax — I filed a bug about that during the IE7 beta and the IE8 beta but it was rejected both times. Oh well.

]]> By: brothercake http://www.sitepoint.com/blogs/2009/03/31/techy-treasures-5-fudging-css-counters-in-internet-explorer/comment-page-1/#comment-908238 brothercake Thu, 02 Apr 2009 04:15:09 +0000 http://www.sitepoint.com/blogs/?p=7738#comment-908238 @Philippe - I tried it using the CSS2 notation, and it still didn't work. Can you show me an example of working counters in IE8? @Michael - not at all :-P It's still a valid and useful technique for IE7 and IE6 (and IE8 in compatibility mode) @Philippe – I tried it using the CSS2 notation, and it still didn’t work. Can you show me an example of working counters in IE8?

@Michael – not at all :-P It’s still a valid and useful technique for IE7 and IE6 (and IE8 in compatibility mode)

]]> By: brothercake http://www.sitepoint.com/blogs/2009/03/31/techy-treasures-5-fudging-css-counters-in-internet-explorer/comment-page-1/#comment-907116 brothercake Tue, 31 Mar 2009 20:02:21 +0000 http://www.sitepoint.com/blogs/?p=7738#comment-907116 Yeah you're right .. I hadn't noticed because compatibility mode is enabled by default for local intranet pages (and of course I tested it on my local network). How typical of microsoft .. they remove support for a hack without fixing the reason for needing it! Yeah you’re right .. I hadn’t noticed because compatibility mode is enabled by default for local intranet pages (and of course I tested it on my local network).

How typical of microsoft .. they remove support for a hack without fixing the reason for needing it!

]]> By: posaune02 http://www.sitepoint.com/blogs/2009/03/31/techy-treasures-5-fudging-css-counters-in-internet-explorer/comment-page-1/#comment-907062 posaune02 Tue, 31 Mar 2009 18:26:19 +0000 http://www.sitepoint.com/blogs/?p=7738#comment-907062 It doesn't sound like this will work in IE8 Strict mode as CSS expressions have been removed. As I understand it, they will continue to work in IE8 while in Compatibility mode (IE 5, 7, EmulateIE7, and EmulateIE8 quirks mode). http://blogs.msdn.com/ie/archive/2008/10/16/ending-expressions.aspx http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx It doesn’t sound like this will work in IE8 Strict mode as CSS expressions have been removed. As I understand it, they will continue to work in IE8 while in Compatibility mode (IE 5, 7, EmulateIE7, and EmulateIE8 quirks mode).

http://blogs.msdn.com/ie/archive/2008/10/16/ending-expressions.aspx
http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx

]]> By: brothercake http://www.sitepoint.com/blogs/2009/03/31/techy-treasures-5-fudging-css-counters-in-internet-explorer/comment-page-1/#comment-907047 brothercake Tue, 31 Mar 2009 18:06:50 +0000 http://www.sitepoint.com/blogs/?p=7738#comment-907047 Nope no joy. Generated content isn't working in IE8. Nope no joy. Generated content isn’t working in IE8.

]]> By: Michael http://www.sitepoint.com/blogs/2009/03/31/techy-treasures-5-fudging-css-counters-in-internet-explorer/comment-page-1/#comment-907024 Michael Tue, 31 Mar 2009 17:33:33 +0000 http://www.sitepoint.com/blogs/?p=7738#comment-907024 I thought IE8 got rid of expressions. http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx Looks like it did. I guess that wraps it up for this article! I thought IE8 got rid of expressions.

http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx

Looks like it did. I guess that wraps it up for this article!

]]> By: brothercake http://www.sitepoint.com/blogs/2009/03/31/techy-treasures-5-fudging-css-counters-in-internet-explorer/comment-page-1/#comment-907017 brothercake Tue, 31 Mar 2009 17:24:09 +0000 http://www.sitepoint.com/blogs/?p=7738#comment-907017 @Tommy - I thought so too, but it doesn't appear to work. Actually I hadn't thought to try the different syntax; lemme try that and I'll post again. @ionutzp - yes exactly. @Tommy – I thought so too, but it doesn’t appear to work. Actually I hadn’t thought to try the different syntax; lemme try that and I’ll post again.

@ionutzp – yes exactly.

]]> By: ionutzp http://www.sitepoint.com/blogs/2009/03/31/techy-treasures-5-fudging-css-counters-in-internet-explorer/comment-page-1/#comment-906846 ionutzp Tue, 31 Mar 2009 11:23:46 +0000 http://www.sitepoint.com/blogs/?p=7738#comment-906846 For the IE example, every time a li is parsed in the document, the expression is evaluated and step increments? For the IE example, every time a li is parsed in the document, the expression is evaluated and step increments?

]]>