1
Vote

IE8 Display Issues

description

This is an issue but this can be solved outside of the module; and I am sharing so that everyone can benefit.

While IE8 is an old browser slowly dropping in usage it is still out there and there are still plenty of people stuck with using it (Windows XP users). The issue with the left and right tabs is that the rotation styling doesn't work and requires some special attention.

We have added the below
#cc-tag a,#cc-tag a:visited{height:50px;}
#cc-tag.cc-tag-horizontal-right a,#cc-tag.cc-tag-horizontal-right a:visited{-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";}
#cc-tag.cc-tag-horizontal-left a,#cc-tag.cc-tag-horizontal-left a:visited{-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand')";}
#cc-tag.cc-tag-vertical-right a,#cc-tag.cc-tag-vertical-right a:visited{-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";}
#cc-tag.cc-tag-vertical-left a,#cc-tag.cc-tag-vertical-left a:visited{-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand')";}
Into a style.ie8.css and include this conditionally at the end of our DNN skin.

comments