PDA

View Full Version : Using iconCls on tool-bars does not work in IE?



RiaanSA
5 Jul 2012, 5:23 AM
Hi,

I am getting something weird.

In Firefox the window will look like.
36864

But using Internet Explorer 9 I get.
36865

My CSS for example


.ds-pdf-icon {
background: url(/datashed_media/icons/Adobe-PDF-Document.ico) !important;
background-repeat: no-repeat;
}


.ds-logout-icon {
background: url(/datashed_media/icons/logout.ico) no-repeat;
}


Does it have something to do with size and type?

Please advice.

fordprefect
5 Jul 2012, 7:20 AM
Hi,

I've had similar problems and my issue was the IE was rendering in quirks mode instead of standards mode, this may or may not help your situation.

scottmartin
5 Jul 2012, 9:33 AM
Can you provide more detail on your setup?

-IE document mode
-Exact version of ExtJS4
-Special / custom CSS uses.

Scott.

friend
5 Jul 2012, 9:34 AM
Yes, image resolution can affect the icons. I usually make sure that every icon image 16 x 16 pixels.

RiaanSA
5 Jul 2012, 11:07 PM
Can you provide more detail on your setup?


-IE document mode
-Exact version of ExtJS4
-Special / custom CSS uses.


Scott.


I am using.
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-Extjs 4.1
-CSS I only use for the icon's at the moment.



Yes, image resolution can affect the icons. I usually make sure that every icon image 16 x 16 pixels.

This seems to solve the problem. Although I was hoping some CSS setting would correct this.