CSS class changing in ie?

Technical support

Moderators: Bob Cergol, Data Access, Cintac

CSS class changing in ie?

Postby JeffKimmel » Wed Oct 31, 2012 6:06 pm

All,


I have a highly formatted report using css style sheets that does not render correctly in ie. Here is the offending areas:

In my report columns, I have this column defined:

'<p class="triangle-isosceles left-triangle">' + [Message] + '</p>'

In the css class I have:

.left-triangle
{
background:#f3961c;
background:linear-gradient(#f9d835, #f3961c);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
background:-moz-linear-gradient(#f9d835, #f3961c);
background:-o-linear-gradient(#f9d835, #f3961c);
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}


In ie, this is what I get when inspecting the element using the developer tools:

.left-triangle - none transparent scroll repeat 0% 0%

These class when I'm looking at the css outside DynamicAI so I was wondering if it's being mangled internally somehow. Also, if I comment out the linear gradients for the other webkits it displays correctly (but doesn't look as nice in 'real' wb browsers).

The other thing I notice in ie is that the column text does not disappear when I minimize the report. I might be able to get around that but I was wondering what is being used to make the report details go away?

Thanks in advance,

Jeff
JeffKimmel
 
Posts: 22
Joined: Tue Sep 18, 2012 6:12 pm

Re: CSS class changing in ie?

Postby Carsten Sørensen » Wed Oct 31, 2012 7:49 pm

Hi Jeff

I think multiple class assignments isn't supported in older IE - not sure about the newer versions. Also border-radius and linear-gradient isnt supported as far as I know. I think you must use filter:.... for gradients - and for older IE border-radius is a no-go.

Best regards.
Carsten
User avatar
Carsten Sørensen
Certified Dynamic AI Professional
 
Posts: 304
Joined: Thu Aug 16, 2007 1:25 pm
Location: Copenhagen


Return to Technical Support

cron