Charles Darke | 6 August 2006I've just added the Nifty Cube scripts to give this site nice 'rounded corners'. But if you're using Internet Explorer, this site currently looks messed up since the Nifty Cube script is giving an "Invalid Property Value" error. The exact error shown is:
I'll be trying to fix this when I get a spare minute.
Line: 125
Char: 1
Error: Invalid property value
Code: 0
I'll be trying to fix this when I get a spare minute.
Add comment!
New topicComments (5)
Written by Charles Darke at 12:19am, 9 August 2006.Solved the delayed jiggling effect: Dean Edwards has the answer, at least for Mozilla and IE.
The 'trick' is to check if the DOM has loaded and if so execute the javascript. This way, there is no nead to wait for large images etc. to load. This has almost completely eliminanted the jiggle effect and I'm now happy to continue using Nifty Corners Cube on this site.
The 'trick' is to check if the DOM has loaded and if so execute the javascript. This way, there is no nead to wait for large images etc. to load. This has almost completely eliminanted the jiggle effect and I'm now happy to continue using Nifty Corners Cube on this site.
Written by Charles Darke at 10:18pm, 12 August 2006.Thanks for sharing this solution. I was having the same problem as you and was about to give up on nifty corners!
Written by Guest: Anonymous at 4:27pm, 28 April 2007.Hi: a little late to this thread, but I just ran into the same problem with "invalid property value" and colors. My div is:
div#cSelect{width: 150px;padding: 20px;margin:0 auto;
background:#14507e;color:#ffffff;}
and my JS is just:
window.onload = function() {
corners("div#cSelect");
}
and I'm getting the error in IE (but not in FF/Chrome). I've replaced every instance of color names and three-digit colors in my CSS...still no go. when I debug the error in the debugger I see:
border "#NaNNaNNaN"
which would look like a 3-digit color, but it's not there?
div#cSelect{width: 150px;padding: 20px;margin:0 auto;
background:#14507e;color:#ffffff;}
and my JS is just:
window.onload = function() {
corners("div#cSelect");
}
and I'm getting the error in IE (but not in FF/Chrome). I've replaced every instance of color names and three-digit colors in my CSS...still no go. when I debug the error in the debugger I see:
border "#NaNNaNNaN"
which would look like a 3-digit color, but it's not there?
Written by Guest: Anonymous at 10:18pm, 20 February 2009.NaN means 'not a number' so presumably, the 3 digits are not being passed as a number?
Written by Charles Darke at 3:51pm, 21 February 2009.
Women like men in fast cars
Changed this and it works fine in IE now! However, I'm not sure whether I like the half a second or so delay and the jiggling around of the screen as it does the rounding. Something else to look into.