Internet Explorer 9 beta brakes some themes |
|
Pekka
|
I have noticed that new internet explorer 9 beta brakes some themes that I have done with Artisteer. Have anyone noticed that?
|
| |
Pekka
|
Here is one example: www.lehtimaensahko.fi
|
| |
Aaron
|
I noticed it too! All of my artisteer themes are messed up!
Hopefully this will be fixed before the final release!
|
| |
Lawrence
|
Maybe IE6 was resurrected in IE9? (Upside down 6) 
I'm sure they'll get a fix for it. If not, then it's definitely IE's fault. Blame Microsoft. 
|
| |
Pekka
|
It seems that templates made by the older version of Artisteer work ok with ie 9 beta. So is it really Microsoft's fault???
|
| |
Clippy
|
The problem is with the CSS clip property. IE9 does render it properly. It is definitely a bug, and only time will tell if Microsoft fixes it or not.
|
| |
Aaron
|
I reported the problem to microsoft. Waiting for a reply.
|
| |
Wylan
|
Who cares about IE 9 anyways? We all know that it isn't going to be a big deal because of all of the Windows XP users who will not be using IE 9.
Good riddance IE 9!
|
| |
Pekka
|
Quote Wylan:
Who cares about IE 9 anyways? We all know that it isn't going to be a big deal because of all of the Windows XP users who will not be using IE 9.
Good riddance IE 9!
As a webdesigner I must built sites that work in every browser...
|
| |
Martin
|
Hi there,
The IE9 problem is becouse of the sheet shadows. For some reason the IE9 dont like artisteer shadows...
|
| |
Clippy
|
It's the clip property. To fix the problem, even if Microsoft doesn't, simply go through your style.css and look for "clip: rect".
If the 2nd and/or 3rd value is "auto", change it to 3000px.
Example:
clip: rect (69px, auto, auto, auto)
becomes
clip: rect (69px, 3000px, 3000px, auto)
If the 2nd and/or 3rd value is set to a pixel, leave it alone.
Example:
clip: rect (69px, 69px, auto, auto)
becomes
clip: rect (69px, 69px, 3000px, 69px)
To make it simpler:
Leave the 1st and 4th value alone ALWAYS.
If the 2nd value is auto, change it to 3000px.
If the 2nd value is a px, leave it alone.
If the 3rd value is auto, change it to 3000px.
If the 3rd value is a px, leave it alone.
Understand that sometimes you may need to change the 2nd value but not the third, and vice versa.
Search "clip: rect" in your HTML editor (or Notepad) and change them all. Perhaps a bit tedious, but if IE9 beta compatibility is important to you, it's not so bad. Easier than it sounds.
Make a backup first (if MS addresses this issue, you may want to switch back), and be sure to change only the two middle values (these represent the right and bottom).
Should fix any template for IE9 without any change whatsoever in other modern browsers. Should take less than 5 minutes, and no more worries!
|
| |
Clippy
|
It's the clip property. To fix the problem, even if Microsoft doesn't, simply go through your style.css and look for "clip: rect".
If the 2nd and/or 3rd value is "auto", change it to 3000px.
Example:
clip: rect(69px, auto, auto, auto)
becomes
clip: rect(69px, 3000px, 3000px, auto)
If the 2nd and/or 3rd value is set to a pixel, leave it alone.
Example:
clip: rect(69px, 69px, auto, auto)
becomes
clip: rect(69px, 69px, 3000px, 69px)
To make it simpler:
Leave the 1st and 4th value alone ALWAYS.
If the 2nd value is auto, change it to 3000px.
If the 2nd value is a px, leave it alone.
If the 3rd value is auto, change it to 3000px.
If the 3rd value is a px, leave it alone.
Understand that sometimes you may need to change the 2nd value but not the third, and vice versa.
Search "clip: rect" in your HTML editor (or Notepad) and change them all. Perhaps a bit tedious, but if IE9 beta compatibility is important to you, it's not so bad. Easier than it sounds.
Make a backup first (if MS addresses this issue, you may want to switch back), and be sure to change only the two middle values (these represent the right and bottom).
Should fix any template for IE9 without any change whatsoever in other modern browsers. Should take less than 5 minutes, and no more worries!
|
| |
Takao
|
Thanks for the fix but that clip: rect thing won't fix all the issues.
When you have long post, IE 9 still breaks some layout.
Excuse me that the page is in Japanese, but you can see the 2 sets of container div doesn't extend long enough to cover all the content.
Check this out.
http://takao.asaya.ma/article_92.html
|
| |
Takao
|
Oops!! sorry, it seems not a IE9 issue. that might be my plugin.
I apologize about that.
|
| |
Takao
|
I got it.
3000px was not enough for me. I needed at least 5000. I set it to 10,000 for now.
If you guys have long post, set it long enough!
|
| |
Clippy
|
Interesting post, Takao. Thanks for the info.
|
| |
|
|