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.
FF.png

But using Internet Explorer 9 I get.
IE.png

My CSS for example

Code:

.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

Originally Posted by scottmartin

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.

Originally Posted by friend

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.

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

Thread Tools

Search Thread

Display

Unanswered: Using iconCls on tool-bars does not work in IE?

Unanswered: Using iconCls on tool-bars does not work in IE?