Cross Browser Styles / Browser Detection?

Hello Fellow Zennies!

I'm having a problem with IE (yeah, yeah, what's new eh?)

Anyway... I ususally accommodote IE's shortcomings with an additional style sheet that I import after the main style sheet.

This style sheet overrides anything that I define within the main style sheet.

So I'm wondering where the functionality exists within zc to actually detect different browsers so I can handle them properly.

On my other sites that are not eCommerce I use the PEAR module NetDetect to capture the incoming browser.

Right now I'm having the normal innane problem with background-image for IE. Unless someone knows a well rehearsed trick.

In my category list I have styles defined for the anchor that have background-images: one for static and one for hover (many others for subs too). The point is IE will not show any of the background images. All I'm getting is the blank white background.

Thanks!
Jim @ SutroSonics

SutroSonics:

Hello Fellow Zennies!

I'm having a problem with IE (yeah, yeah, what's new eh?)

Anyway... I ususally accommodote IE's shortcomings with an additional style sheet that I import after the main style sheet.

This style sheet overrides anything that I define within the main style sheet.

So I'm wondering where the functionality exists within zc to actually detect different browsers so I can handle them properly.

On my other sites that are not eCommerce I use the PEAR module NetDetect to capture the incoming browser.

Right now I'm having the normal innane problem with background-image for IE. Unless someone knows a well rehearsed trick.

In my category list I have styles defined for the anchor that have background-images: one for static and one for hover (many others for subs too). The point is IE will not show any of the background images. All I'm getting is the blank white background.

Thanks!
Jim @ SutroSonics

Zen Cart doesn't have browser detection. The default template is robustly styled to avoid the normal IE bugs with only the occasional need for a tweak to the CSS (such as height:1%, position: relative) and no hacks, so browser detection isn't needed. We only see IE bugs creep in as people move away from the default and even then can usually fix them without hacks.

Do you have a publicly viewable site where your problems can be seen?

The site is located here: http://www.sutrosonics.com

The issue is simply: How to get background-image to work in an anchor tag on IE.

I've tried wrapping the anchor around, I think all, block tags. Every try ends up with the same results. Firefox and Safari displayed perfectly every one of my attempts.

Thanks!
Jim

SutroSonics:

The site is located here: http://www.sutrosonics.com

The issue is simply: How to get background-image to work in an anchor tag on IE.

I've tried wrapping the anchor around, I think all, block tags. Every try ends up with the same results. Firefox and Safari displayed perfectly every one of my attempts.

Thanks!
Jim

Hi Jim

The site looks perfect in IE7. In IE6 the images show but the transparency doesn't work because IE6 doesn't support transparency for png files. However, this still doesn't explain the symptoms that you described ...

... could it be, if you've tested in Safari, that the IE giving you problems is IE5.5 for mac? If so, I'd give it up. Even Microsoft has withdrawn all support for this buggy, little runt and its user base is miniscule - would you use it as your main browser?

Uh, yes, I am embarrased to say that I was using Mac IE 5.x.

I have to load up Virtual PC and run IE 6. For some reason I was
thinking the behavior was the same. I should know better than that
since we are talking about Explorer.

Problem with VPC is that it likes to give me kernel panics so I was
avoiding it.

As for PNG transparencies, I found this code snippet to handle the png problems:

http://www.troozers.com/joomla!/howto/png_fix.html

I need to modify it to handle the css background-image but from my preliminary tests, it's a god send.

Thanks for reminding me that Mac IE 5.x is completely useless. I will just stick to css standards and assume IE is displaying right until i have a better process to check it on Explorer.

Thanks again,
Jim @ SutroSonics