Toolbar, Menu and IE6, Ext.1.1.1

[hunkybill]

Hi,

I have a slight problem with a site where I have been told IE is not working correctly.

The site is http://www.montrealite-tshirts.com. If you click the menu option for About the Designs or Collections, the drop down menu functions, but a white shadow is also present, below the menu itself and slightly offset.

The menu appears to work fine in Firefox 2 for me, so I am curious if anyone has any experience with Toolbar and Menu CSS to point me in the right direction for fixing the little issue.

Thanks!

[BernardChhun]

I don't see that happen under IE6 hunkyBill. is it on IE7? I'll have to try it at work tomorrow as I don't have it. :">

[hunkybill]

Hi Bernard,

Well.. I hope that is the case. I am testing on IE 6.0.2800.1106.xpsp2. I also have another machine lined up with 6.0.2900 which shows the same ugly thing. I will screencap to show what is happening.

Thanks

Dave

[BernardChhun]

here's how it looks on my windows laptop at home:
http://img26.picoodle.com/img/img26/5/11/14/t_iescreenshom_4437082.png (http://www.picoodle.com/view.php?img=/5/11/14/f_iescreenshom_4437082.png&srv=img26)

the only buggy thing I'm seeing are the PNGs next to every elements in the menu.

that can be fixed using a IE6 CSS hack:



*html .yourClass .x-menu-item-icon{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='the absolute URL to your image file', sizingMethod='crop');}

[hunkybill]

Hi,

Thanks.. for that check. I cannot tell from your screen capture what is happening at the bottom of the layout, but for sure, for me, on two machines, there is a definitive problem with IE 6. Some aspect of the menu is positioning itself behind the main layout, below the drop down menu, and being all white, is distracting. It is so hard to use IE to try and nail what that is!! No Firebug to waft a mouse over the offending DOM nodes to fix the CSS...

Luckily, in IE 7 I just installed on one of those two old machines.. it seems to work fine! That is encouraging. I can pretty much ignore users of IE 6 I guess since the issue is cosmetic and not a functionality problem.

Thanks for the tip on the PNG... I am so used to ignoring IE I forgot it cannot display PNG without a Hack.. I don't want to convert all my silk icons to gif.. so I guess the hack is the way to go.

Thanks Bernard.

Dave

[BernardChhun]

have you tried out these debugging tools for IE6? they are somewhat similar to Firebug but they tend to make IE6 crash 8-|:
http://www.debugbar.com/?langage=en
http://www.ieinspector.com/dominspector/index.html

these 2 have saved me a LOT of debugging time.

[hunkybill]

Oh man.. I just cannot see myself wasting my anymore of my life on IE crap.. I am so thankful it just seems to work on IE 7.. I will count my blessings there.. I suppose it will not hurt to try and install those tools and give them a spin.. see what happens.. maybe it will pinpoint the problem in a matter of first try and I can move on...

Thanks!