Internet Explorer 9 Beta


Author Message
DNN Skins break under IE9b

Posted: 10/11/2010
Quote message 

:*) No matter you do, IE9 is breaking the Artisteer skins under DotNetNuke HTML4 , XHTML1.0 Transitional or XHTML1.0 Strict ...
Anyone!? I know that IE9 is beta at this moment but i got the feeling that this is not entirely IE fault.
Tried modifying the <body> in all three stages but the result is the same...
 
Clippy

Posted: 10/12/2010
Quote message 

It's IE9's odd handling of 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 50000px.

Example:
clip: rect(69px, auto, auto, auto)
becomes
clip: rect(69px, 50000px, 50000px, 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, 50000px, 69px)

To make it simpler:
Leave the 1st and 4th value alone ALWAYS.
If the 2nd value is auto, change it to 50000px.
If the 2nd value is a px, leave it alone.
If the 3rd value is auto, change it to 50000px.
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!