Results 1 to 3 of 3

Thread: CSS problem with IE9

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Sep 2012
    Vote Rating

    Default CSS problem with IE9


    I want to put a background-image to a button. Here is the CSS:

    .valid { background-image:url(../images/accept.png); }
    It's very simple and it's work in firefox and chrome but not in IE.
    I search and I found a difference between the browsers. ExtJS put x-nbr class in the BODY in IE. It's this class which destroy the style which that:

    I try to put it to 0 with !important, it work but the hover hide the picture of the button.

    EDIT: I try to change cls to iconCls, it's work ... but I can't change de size of the button with the iconCls. I need to put the class with the attribute cls.

    EDIT2: I debug and look to the BODY tag and I have this as class: "x-body x-ie x-ie7p x-ie7 x-ie7m x-ie8m x-ie78 x-nbr x-nlg x-reset x-border-layout-ct x-container"

    I look a sample/example of sencha and I see some differents in the BODY tag: " x-body x-ie x-ie7p x-ie8p x-ie9p x-ie9 x-nlg x-reset" -> I put this with the debugger of IE and all works. The question is: Which files add the class to the BODY tag and why I have differents class?

    Anyone have a solution?

    Thank you in advance for your answers

    Last edited by dadaking; 5 Sep 2012 at 11:41 PM. Reason: Add information

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts