NO solution yet, all I have been able to do is set the max-height of my div to avoid it breaking altogether (which means content runs out).
ONly in firefox - works great in IE6 (hahaha isn't that just the way!)
I used http://www.curvycorners.net/ to round a background image on a Div *inside* my liquid corners div. I took some fiddling with padding etc to accommodate the shadow/rounded corners of both divs, but it looked good in the end.
Still have the code but I'll need some time to sort them out for publishing since the code is (by now) pretty much integrated in my libraries. I'll give you a notice here when having put them on my site.
I am having one small issue with it though, when applying a 'glow' to a div, on some divs the right and left vertical borders are too long and pass over the nicely curved edges of the bottom.
Do you have any idea what causes this and what can be done to fix it?
Search the ShadedBorder script for the value 2048 and replace it by 32767 - this should do the trick although there may be a problem with heights > 2048px on IE ...
Unable to get it functional with a large amount of messing with it, I am left with no choice buy to drop the code and move on with another option. Too bad since it almost did exactly what I needed.
In IE 7 the upper shadows are cut off and if you have a long text in IE 7 and Firefox pieces of the left and right shadows are cut out near the end of the text.
In IE 7 the upper shadows are cut off and if you have a long text in IE 7 and Firefox pieces of the left and right shadows are cut out near the end of the text
thought i figured out that the problem was with the css width, height, padding, and margin not being set, but that was a false positive. I've created a fresh post (before i realized i could edit old ones), along with screenshots here: http://www.ruzee.com/forum/topic/nested-canvas-es-do-not-render-correctly .
[...] Use Timed Fragment Caching to simplify caching a page fragement for particular time periods e.g. 1.hour.from.now (rather event-driven expiration e.g. when a new post is added, when a user signs in) - http://www.ruzee.com/blog/2008/07/timed_fragment_cache-on-rails-21 [...]
NO solution yet, all I have been able to do is set the max-height of my div to avoid it breaking altogether (which means content runs out).
ONly in firefox - works great in IE6 (hahaha isn't that just the way!)
I used http://www.curvycorners.net/ to round a background image on a Div *inside* my liquid corners div. I took some fiddling with padding etc to accommodate the shadow/rounded corners of both divs, but it looked good in the end.
Hi Ryan.
Still have the code but I'll need some time to sort them out for publishing since the code is (by now) pretty much integrated in my libraries. I'll give you a notice here when having put them on my site.
Piotr
Hi Piotr,
I'm also using this with GWT, and am interested in your GWT wrappers. Do you still have those?
Thanks!
Am not 100% sure what you mean, but there do indeed seem to be carriage returns in the file?
Also, I meant to add that it's only IE that is doing this, Firefox is fine.
Hi Steffen,
Wonderful script I must say.
I am having one small issue with it though, when applying a 'glow' to a div, on some divs the right and left vertical borders are too long and pass over the nicely curved edges of the bottom.
Do you have any idea what causes this and what can be done to fix it?
Many thanks in advance.
So Keith, I downloaded your mod file and I'm now trying to apply rounded corners to select corners and not all. Do I just write this out,
RUZEE.ShadedBorder.create({ corner: 5, edges: "12", shadow: 14, border: 0 });
with 'edges: "12", only applying rounded corners to corners 1 & 2? If not, then how do I do it? Thanks,
Kyle
[...] これでOKとおもいきやSSL certificate problemなんてでて、オレオレ証明書拒否。どうするのかなぁと調べてるとここに書いてあった。 [...]
Ok, I've changed z-index and it works perfectly under Firefox!
Thanks for the wonderfull script!
Search the ShadedBorder script for the value 2048 and replace it by 32767 - this should do the trick although there may be a problem with heights > 2048px on IE ...
Thank you so much Piotrek!!!
I guess.
Unable to get it functional with a large amount of messing with it, I am left with no choice buy to drop the code and move on with another option. Too bad since it almost did exactly what I needed.
In IE 7 the upper shadows are cut off and if you have a long text in IE 7 and Firefox pieces of the left and right shadows are cut out near the end of the text.
In IE 7 the upper shadows are cut off and if you have a long text in IE 7 and Firefox pieces of the left and right shadows are cut out near the end of the text
That works great!! I know your a busy guy, but if you have a second... What was the issue (on a high level)?
... who had the idea to put in that limitation? Work-arounds would be pretty ugly. Any suggestions on a "clean" fall-back solution?
... with version 0.3
... with verision 0.3.
thought i figured out that the problem was with the css width, height, padding, and margin not being set, but that was a false positive. I've created a fresh post (before i realized i could edit old ones), along with screenshots here: http://www.ruzee.com/forum/topic/nested-canvas-es-do-not-render-correctly .
[...] Use Timed Fragment Caching to simplify caching a page fragement for particular time periods e.g. 1.hour.from.now (rather event-driven expiration e.g. when a new post is added, when a user signs in) - http://www.ruzee.com/blog/2008/07/timed_fragment_cache-on-rails-21 [...]
I used simply the following syntax and it works:
$(document).ready(function() {
var border = RUZEE.ShadedBorder.create({ corner: 10, shadow: 22 });
border.render($('#glow'));
});
BUT jquery UI elements are not shown anymore..
Any idea how to solve this issue?
I'm using jquery-ui-1.7.1.
Any help?
Any help?
The maximum width/height seems to be: 32767
Similar thread:
http://groups.google.com/group/google-excanvas/browse_thread/thread/5d91...
Many will not hit this issue, but I have liquid corners rounding around a CMS which includes a forum with a long thread.
To duplicate this problem in liquidcanvas.js change the line that says:
h = canvas.height ;
to a number like 4550 (a height example that doesn't work in firefox).