Liquid Canvas in IE (6-8)

Submitted by timsamoff on Fri, 02/19/2010 - 21:42

Hi,

For some reason, I can't get Liquid Canvas to work in an version of IE, versions 6-8. It's working everywhere else, but no corners are rendered in IE.

Here's what I'm working with:

URL No longer availabe. Go to http://samoff.com in IE to see the results.

As you'll see, I'm experimenting with all sorts of jQuery plugins. But I'm pretty sure that everything's playing nice.

Any ideas?

Thanks!
Tim

Trackback URL for this post:

http://www.ruzee.com/trackback/284
‹ Usage without JQuery? $.show() and $.hide() slowed by Liquid Canvas ›

ie compatibility view problem

Submitted by ranjit909 on Mon, 10/11/2010 - 17:37.

hi,
i am using shadow edge example it works fine in Mozilla and ie8. but, when compatibility view is on in IE shadow in not aligned properly.
i am using liquid-canvas.js,liquid-canvas-plugins.js with jquery.js to use jqgrid.

thanks in advance!!!

dszf zsf zs zsz

Submitted by Guest (not verified) on Mon, 05/24/2010 - 06:23.

dszf zsf zs zsz

jQuerys $(document).ready()

Submitted by Michal on Fri, 03/12/2010 - 01:37.

jQuerys $(document).ready() somehow messes up Liquid Canvas on Internet Explorer 6 and 7. Use $(window).load() as a workaround on these browsers.

> http://www.ruzee.com/content/liquid-canvas
>> Under: Known issues

Change order...

Submitted by timsamoff on Wed, 03/24/2010 - 13:41.

Hi,

Actually, the change order post below was the key.

Thanks,
Tim

Change your order

Submitted by pagehite on Mon, 02/22/2010 - 03:27.

I beleive the excanvas.js statement needs to be before the other liquid canvas statements.

Ah, ok...

Submitted by timsamoff on Mon, 02/22/2010 - 17:21.

Thanks! That did make the LiquidCanvas elements render, albeit they we not aligned correctly. But, at least I have a better place to debug from.

Fyi (for anyone), the full JS embed markup needs to be used as well:
<!--[if IE]>
<script src="js/excanvas.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->

Rather than:
<!--[if IE]>
<script src="js/excanvas.js"><!/script>
<![endif]-->

Tim