IE vs Mozilla and Opera
 

Hi,

using IE for designing the site and it looks like I want it to look.

I had a big surprise today when I installed the new Mozilla 2.0 browser.

dialog box colors does not work and my fancy category color are gone.

Also my home.tpl looks messed up.

Then I installed Opera to check there and it was even worse.

What do I do here. any easy work arounds or tricks.

here is my website adress : www.tribaltrax.com

Re: IE vs Mozilla and Opera
 

No tricks, you just need to design using W3C compliant code. You have 57 errors and 946 errors on the home page alone...I'm surprised it even works in IE. I'd start by running the site through a validator and start fixing the errors one by one. Here's a good one to use:

http://validator.w3.org/

Re: IE vs Mozilla and Opera
 

Don't forget about Safari and the mac browsers (Firefox and Opera).

You really have to test on 6 browsers if you want basic compatibility -- and since you're a music site, you gotta assume many creatives will use a mac.

And I don't have good news for you -- your Fancy Cats don't render well on Safari...

Good luck.

Jeremy

Re: IE vs Mozilla and Opera
 

I got report from this site. but where do I start.

It says "Error Line 30, column 17"

What templates do I edit.

Re: IE vs Mozilla and Opera
 

Well, it is a huge job. You need to first figure out what line of code it is, and then find that code and fix it. I'm not just talking about those kind of Errors, I'm talking about the <form> inside a <table> errors, missing closing tags, etc. Perhaps you should hire someone to do this for you?

Re: IE vs Mozilla and Opera
 

Or maybe upgrade / install a fresh version 4.1.1 of X-cart and then move over the modifications I have done to the templates one by one.

Re: IE vs Mozilla and Opera
 

Well, 4.1 is not compatible with 4.0, so you would need to upgrade in order to migrate your product, customer and order data.

Re: IE vs Mozilla and Opera
 

What I did with my site (started with firefox, and the only thing I found that was incompatible was IE6-) was to use a conditional comment that only IE reads, ie:
That would go right under the skin1.css (designed around firefox) link in the customer/home.tpl .

What happens is that the site should load the corresponding style sheet. This does mean you will need to design your site twice to get the same look cross browser. What I have found is that if you design for firefox, it will look similar, but not exact, to opera and safari. I havent tested out IE7 yet and the only mac browser I tested was safari (only through screenshots).

One trick I used for designing for IE, and im sure you can use it vice versa, is to place borders around certain elements by using "border: 2px dashed #33ff00;" (you can use any type of border you want, this is just an example). Although, once you get everything in place and remove the borders, you may have to move the element by 2-4px because of the border that was placed.

The alternative option is to use tables for placement of everything.

Re: IE vs Mozilla and Opera
 

i'm glad i found this post!

i was having similar issues. my host (handsonwebhosting) pointed out that my images were wrapping and screwed up in firefox and indeed they were. i sliced the images so they'd load faster and i could technically get away with using larger ones but i didn't properly adjust rectangle_top.tpl.

clearly i soooooooo forgot to do crossbrowser compatibility after editing skin1. someone should make a sticky post reminding *special* people such as myself to do this whenever major site revisions are made.

luckily, mine was an easy fix and unfortunately, now i have to visit the link balinor suggested and clean up the code...284 errors? GOSH!

my only problem left is IE7. HATED IT! and uninstalled it immediately. now my fear is that i have to periodically install/unistall their crappy software. it'd be tolerable if it didn't adjust the font in my browser AND my PC as a whole.

sorry...maybe this is a rant?

i do have a question though, i see where the errors are but is there a better/easier way to pinpoint which file contains the errors?

Re: IE vs Mozilla and Opera
 

use the validate by file upload