Browser differences: IE6 and Firefox 1.5

I've been working on a site at and it's pretty much ready to go live whenever the owner gets her stock entered into the catalog (was supposed to have been done yesterday).

My last serious issue revolves around browser difference. If you look at http://blackwaterfolkart.com/catalog in IE6 everything's fine (I haven't tried IE7) But if you're using Firefox 1.5 there's a green background line running through the header image and all the text, starting with the breadcrumbs, is moved under the lower part of the logo. The only thing I've been able to do to cure the problem is adding breaks before the sideboxes and the centerbox in tpl_main_page.php. Of course, this messes everything up in IE6.

So, three questions:

1. Is there a variable defined in ZC that I can use in an if...else statement to enter the breaks if the browser is Firefox (Mozilla) and not if the browser is anything else? Is "$lng" variable, defined in "includes/init_includes/init_languages.php" the proper variable to test with?
2. Any ideas on where the green line is coming from in Firefox? I haven't been able to find anything in the stylesheets that make a difference. I *have *noticed that if I comment out the two

<br class="clearBoth" />

lines in tpl_header.php (lines 70 and 71 in my file) the green line moves up. I suppose I could add enough of these to push the green line down but then I might have more problems with the rest of the text.Thanks,
Jim

Looks like the line in your breadcrumbs is being caused by the

.navMainWrapper .b4b {background:#7d8e58; border-left:2px solid #7d8e58; border-right:2px solid #7d8e58;}

in your stylesheet_css_boxes.css.

Thanks, Phid, but that didn't help -- and I did try. This line deals with the left and right borders, not the top and/or bottom.

Messing around with the number of breaks in the header makes a difference and I've got it kinda okay but I've been unable to bet the browser dependency down. First time I tried using "$lng" it worked but it doesn't now.

Jim

Well when I deleted that line in your CSS using the FF dev toolbar the green line went away. Looking at your site now I see that you got rid of the line anyway.

Gee, I'll try deleting the line in the css. This is a much better option than what I did: adding line breaks to try and push the line into the green background. Of course, I still need the breaks to push the breadcrumbs and all down below the header.

But I really don't understand why that line would make such a difference. It looks to me like it should only affect the vertical borders.

I think I'll also just try letting the borders to transparent and see if that works.

Thanks again,
Jim

Removing the navMainWrapper .b4b line in stylesheet_css_boxes.css (or making the background transparent) did indeed remove the green line from the header image. That's wonderful. I suspect I got the wrong line before. And the spacing between the header and breadcrumbs is good in FF and livable in IE6.

FWIW, the PHP get_browser() function and $_SERVER['HTTP_USER_AGENT'] variable can be used to identify the browser. There's some parsing that needs to be done. Look at http://www.php.net/get_browser%28%29 for more info and alternatives. I'll try to implement one of these as time permits but it's not pressing now.

Jim

I am setting up Zen Cart v 1.3.7 and have had some difficulties getting IE and Mozilla to display in a similar manner.

While I have fixed a lot of funky things... thanks to the great help I have found here... I have an annoying issue that I have not seen addressed.

In IE, the site displays in the center of the screen, but in Mozilla, the site is off to the far left of the screen. I have tried changing many, many, many things in the CSS, but to no avail.

Anyone have any idea as to how I can get my site to display in the center of the screen in Mozilla?

Any help would be greatly appreciated.