X-Cart forums

[tron]

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

[balinor]

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/

[carpeperdiem]

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

[tron]

Originally Posted by balinor

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/

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

It says "Error Line 30, column 17"

What templates do I edit.

[balinor]

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?

[tron]

Originally Posted by balinor

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?

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.

[balinor]

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.

[inebriate]

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:

<!--[if IE lt 7]>
<LINK REL=StyleSheet HREF="IE-skin.css" TYPE="text/css">
<![endif]-->

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.

[neaisha]

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?

[inebriate]

use the validate by file upload