topic zoomSlider .css bug in IE6 in ArcGIS JavaScript Maps SDK Questions

zoomSlider .css bug in IE6

SeanHarkins — Tue, 20 Apr 2010 17:17:38 GMT

When using a a map inside a borderContainer in IE6, there is a css problem causing the zoomSlider's increment and decrement icons to display improperly. This problem can be seen by viewing the sample applications hosted here
http://serverapps.esri.com/templates/index.html in IE6.

I've attached a screenshot of one of my applications experiencing the same issue. I've tried several css hacks to override .dijitSliderDecrementIconH, and .dijitSliderIncrementtIconH but with no success.

Anyone have any suggestions to fix this behavior?

zoomSlider .css bug in IE6

KellyHutchins — Sun, 12 Dec 2021 00:59:30 GMT

Based on your screen shot the portion of the slider that you are trying to overwrite is the dijitSliderDecrementIconV not the IconH. I ran a quick test and can reproduce the issue in IE6 but I was able to overwrite the css using something like this. If you post the css you are using to workaround this issue I'd be happy to take a look

      .nihilo .dijitSliderDecrementIconV {
        background:url("images/minus.png") no-repeat scroll 2px  transparent  ;
        cursor:pointer;
        height:18px;
        width:18px;
      }

zoomSlider .css bug in IE6

SeanHarkins — Sun, 25 Apr 2010 21:21:08 GMT

I was trying to solve the issue without resorting to including my own image for the button, but your solution works well in IE6 so I'll go with that. Thank you for your help.