Ruby on Rails
JavaScript, XHTML, CSS
Java, Distributed Systems
<you_name_it>
IE8 bug
Submitted by brilang on Wed, 12/17/2008 - 00:27
In IE8, ShadedBorder does not work.
Try the test page (http://www.ruzee.com/files/shadedborder/test.html) in IE8 and you will see what I mean.
Can anyone identify the problem? And a solution?
Trackback URL for this post:
http://www.ruzee.com/trackback/196
Having problems with IE8 too.
Hi,
Has anyone come up with a good solution for the IE8 issue?
One maintenance task that I always dread is to make sure the existing code works with new browser updates. Not to mention the many browsers out there, when each of them is rendering their pages in a different way.
I might be tempted to use the solution at http://theboxes.paradise.sg soon, which seems to be upgrade-proof. But I will try for now, to see its creditability.
1 pixel can be so annoying
All of my sites which uses Shadedborders has this issue with IE 8 and i don't hade the time to change them to Liquidcanvas. (Which by the way never work with my other JS-files.)
I looked into the JS file and all i can see is that 2048 height in the MW should be replaced with the inner height of the div (dynamically) for IE 8 to render correctly.
I did'nt find a variable for this. It would be easy just to add -1 on the height for IE 8 but since the maxheight is 2048 and theres no dynamically height variable this is hard to do.
Now the height of the sides is auto but IE 8 adds another pixel, i assume it has something to do with font 1px which IE 8 adds to the party.
I would appreshiate a fix for this asap, i was hoping i could do this my selft but my skills only reach so far as changing already made code, i cannot get a variable for the dynamically inner height of the div. (Or whatever other solution that fits)
IE8 1 pixel bug
Hi,
I was wondering why I didn't notice this problem but others did, until I visited the example page with another computer and another screen size/resolution. Then I saw what everyone is talking about... the 1 pixel error in the shadow.
Playing a little, I noticed that when changing the browser's window size, the webpage re-adjusts for the new page size, the rendered element changes in width and height, and the error disappears... and sometimes re-appears at certain sizes.
Did anyone else notice this, and could this be the path in getting to the solution for this bug? In other words does the bug appear only at certain widths or heights of the rendered element?
Piotr
Still an issue?
Are you saying version 0.6.2 doesn't fix the problem for you?
Oops
Oops, You're right... I was checking a page that still runs the 0.6.1 version. Now running IE8 on the (online) full-featured example page, I have no 1px bug, no way, no where... I missed the update because I'm only checking the forum, and never your home page... Oops 2.0...
Thanks for the update!
Piotr
Hi There is still problem
Hi
There is still problem with IE8 could you publish complete file with this FIX please.
Thanks
There is still a problem
There is still a problem though. The side shadows overlap the bottom corner shadows by 1px.
The easiest way to see it is
The easiest way to see it is on the test page, semi-transparent fat border div (3rd from the top).
Fixed it
To make it work in both Compatibility and Standards mode just declare:
var isie8 = isie && document.documentMode;
after the the var isie = ....
then instead of testing for just "isie" add " && !isie8" with the exception of "op" function.
There's still a problem though, the side shadows overlap with bottom corner shadows by 1px.
I get an error also. It's an
I get an error also. It's an object required error on line 213 character 7.
Any ideas?