My site is broken in firefox but ok in IE6

Hi! Anyone can take a look at my site and give me some suggestions as to how to make the layout right?

I mean, it looks all right in IE 6.0 but totally broken in firefox. I am using the default template included in the zen install files. How to fix it? Thanks so much!

You'd prolly want to change this in your css to 110px or so:

#headerWrapper {

    height: 11px;

border-bottom: 5px solid #006633;

}

TShooters:

You'd prolly want to change this in your css to 110px or so:

#headerWrapper {

    height: 11px;

border-bottom: 5px solid #006633;

}

Unfortunately, it didn't work out. Still the same problem. Any other ideas? Thanks

Try deleting the height declaration altogether

#headerWrapper {
/height: 110px;/ delete this
border-bottom: 5px solid #006633;
}

Clyde's suggestion should fix this for you. As additional commentary, I have never seen a site that is truly OK in Internet Explorer but broken in Firefox. Unless specifically designed for IE (and using IE-specific features that aren't recognised by standards bodies) sites that look that way are usually just broken, period. However, because IE6 often ignores what you tell it to do, sometimes the features that cause the breakage have been over-ridden.

As a further aside, IE7 is much more respectful of what you tell it to do, so your site is even more broken in IE7 than in FF.

kuroi:

Clyde's suggestion should fix this for you. As additional commentary, I have never seen a site that is truly OK in Internet Explorer but broken in Firefox. Unless specifically designed for IE (and using IE-specific features that aren't recognised by standards bodies) sites that look that way are usually just broken, period. However, because IE6 often ignores what you tell it to do, sometimes the features that cause the breakage have been over-ridden.

As a further aside, IE7 is much more respectful of what you tell it to do, so your site is even more broken in IE7 than in FF.

I deleted that line in my template. But it didn't make it any better. I should clarify that I am using a custom template, although it is simply a duplicate of the default except for some texts. And when I say I changed as I was told to, I mean I changed the override file. Let me know if there's anything I missed.

Oh, gosh! Kuroi, you really shouldn't tell me about it being broken in IE as well! It makes so sad! How can I fix it? Please help!

Maybe you had a caching problem with your stylesheet, because this looks fixed to me in both Firefox 1,5 & 2 and Internet Explorer 6 & 7.

At least what I believed was the problem looks fixed. I'm currently puzzling over why your winter sales thingy appears in the two older versions of the browsers, but not in the more recent versions (at least those on my PC). To carry this further, I can see it in AOL Explorer which is based on IE6, but not in Netscape or Opera. Is there an add-in needed for this?

kuroi:

Maybe you had a caching problem with your stylesheet, because this looks fixed to me in both Firefox 1,5 & 2 and Internet Explorer 6 & 7.

At least what I believed was the problem looks fixed. I'm currently puzzling over why your winter sales thingy appears in the two older versions of the browsers, but not in the more recent versions (at least those on my PC). To carry this further, I can see it in AOL Explorer which is based on IE6, but not in Netscape or Opera. Is there an add-in needed for this?

That's true! I am so relieved. Thanks so much for all your help guys!

A little more problems though. First, it seems that the page loads much slower in firefox than in IE 6. What could be the problem?

Also, if you look at this product, Dell XPS laptop, you should be able to notice that there are some formatting issues. For example, the trade mark symbol 'TM' and '128MB' etc. How could I fix that?

I do have some issues with IE 6.0 as well. For example, I didn't want the line spaces in the section under 'highlights' to be so big. But it seemed that I could not really control it. I was using frontpage first to produce html and copying them to zencart product descriptions.

But on average, my page still looks better in IE6 than in firefox. How can I fix both of them? Where does the problem lie? Thanks for your input!

kuroi:

... I'm currently puzzling over why your winter sales thingy appears in the two older versions of the browsers, but not in the more recent versions (at least those on my PC). To carry this further, I can see it in AOL Explorer which is based on IE6, but not in Netscape or Opera. Is there an add-in needed for this?

I checked the site in Opera 9.2 and Netscape 7.2 and the winter sales shows up just fine.

kuroi:

I'm currently puzzling over why your winter sales thingy appears in the two older versions of the browsers, but not in the more recent versions (at least those on my PC). To carry this further, I can see it in AOL Explorer which is based on IE6, but not in Netscape or Opera. Is there an add-in needed for this?

Yeah, I noticed it earlier and don't have an answer for it. It was just using three *.jpg files. Sometimes, all three shows up fine. But sometimes, only the one in the middle shows up. I mean, all in IE 6.0. I thought it was some caching problem but don't know exactly. Anyone can suggest?
I would like to have it resolved as well. Thanks!

If your template is radically different from default etc, it is best to make your template based on html first. Build so that it works in FireFox. There will be some issues that you have to address in IE6 but check out lists such as css-discuss.org where help will be forthcoming.

The trick is then to marry the html into the various Zen Cart elements.

Good luck.

Ian

ijyoung:

If your template is radically different from default etc, it is best to make your template based on html first. Build so that it works in FireFox. There will be some issues that you have to address in IE6 but check out lists such as css-discuss.org where help will be forthcoming.

The trick is then to marry the html into the various Zen Cart elements.

Good luck.

Ian

But my site is NOT radically different from the default. Let me think of what I did to it:

1. I added a dark green bar in the header
2. I changed some texts.
3. Modufied the main page, so that it shows the three pictures for my winter sales.

That's it. Nothing else. I suppose the green bar might be the cause of the problem. I modified the css file so that the header looks like following:

#headerWrapper {
height: ???px;
border-bottom: 5px solid #006633;
}

Anyone can point me to the problem? Thanks!

try setting that part of the stylesheet back to the default settings.