Using iconCls on tool-bars does not work in IE? [Archive]

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.