Help! Cross Browser Issues!

Hello, my website is www.webtemplex.com and i am trying to get the front page to work cross browser (firefox, safari and IE). at first it only worked correctly in IE, then with the help of a program called HTML Tidy and some tweaking i was able to get all the aspects of the page to work the same for each browser. one thing worrys me though. my roomate who is Chinese has a laptop he bought in china with Internet explorer 7 on it. when i open my website in his browser it is a complete a mess. shoulden't it open up the same with his browser? every other english website he and i open up with his laptop looks the same. he has internet explorer 7 shoulden't that act the same as my IE 7?

i guess my point is, should i ignore this problem?


also, can alot of you guys chek my homepage to see if it works in your various browsers? (chek only the homepage, im not done converting the other pages).

that would really help if you could post your browser/OS and if it can display my webpage correctly.


thanks ahead of time!

 

work fine for me in ff and safari. i dont use ie. hurm, your roomate use widescreen model?

 

Looks the same for me in both FF 2.0.0.13 and IE7 in the States. It might help to know specifically what was messed up in the Chinese laptop view.

 

ok here is a screen shot of it:





what do you guys think?

 

you should report this to microsoft. they may know what happens.

 

Here is a great utility for checking your pages in multiple Browsers:

http://browsershots.org/

James

 

yes, i have used this site before it is sweet. but it still doesn't explain why my freind's pc wont display my site correctly

 

hey guys, if i can get 8 consecutive people to post here that it works in there browsers, i will go ahead and convert the rest of the site. i really don't want to convert all those pages and then find out that i did it for nothing..

 

Works in FF2 for me
try adding this at the top of the page in the head section

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Code (markup):

 

ok i will try this (when i get home)

7 more to go guys!

 

as i said before, work fine for me in ff and safari. i dont use ie. help you to get your 8.

 

i put that exact code into the head and it just messed it up (even in my own browser) are you sure you got the code right?

 

just 7 more..?..?

 

ok guys i went ahead and converted the ENTIRE site.

Please let me know if there is anything displayed incorrectly in your browsers
(anything that looks out of place)

thanks for the feedback!

 

everything is fine now. well done!

 

you are not helping this person...know one cares that you don't use IE. He needs someone who does...you posted on my thread as well with no help for the same type of problem...you are a waste of time, nobody cares if you use IE or not, because lots of people do, although it is horrible, designers who know what they are doing must make sites work in every browser!


He man, IF it works on your IE7 and a few other english computers, I wouldnt worry about it.

 

Svenson was on the right track-- it messed up your page because he didn't tell you all of it, and I can imagine it having an impact on a Chinese-language computer.

You're actually missing a few meta tags. Meta tags tell the browsers information that really they should be getting from the server but don't always.

The meta tag is good. Put it back in, but without the /> ending he had (you're not using XHTML, just HTML4... so just use > like a normal tag ending).

I went to your page and right clicked in FF on the page. I clicked View Page Info and saw that your server is sending as UTF-8. This is good. Your new meta tag and your server match (if they don't, the server overrides the meta tag). But, there's one last place where they must agree-- when you have your HTML editor open (whatever you're writing and editing your HTML in), go to Save As (keep the name of your file of course) and look for Character Encoding. Most editors can save pages as UTF-8 although Notepad is rather well-known for not doing it well, but most modern editors, no problem. You'll need to select Save As UTF-8 in there as well. When the page charset doesn't match the server or meta charset, your page looks, well, messed up.

Looking at the screenshot you posted, it doesn't look like mine-- I have the question marks where your screenshot has the ?/td> things. Setting a proper charset gets rid of those : ) UTF-8 I'm pretty sure can handle Asian languages too. UTF-8's pretty wide open there.

Some other meta's you might want to have (standard on most of my pages):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title>Title here </title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="generator" content="gEdit" /> (this is my editor)
    <meta name="author" content="completely optional" />
    <meta name="keywords" content="waste of time but the boss wants them" />
    <meta name="description" content="Name of Website-- sentence about this particular page of this website for teh googlies" />
  <link rel="stylesheet" type="text/css" href="default.css" media="screen, projection" />
  <link rel="stylesheet" type="text/css" href="shprint.css" media="print" />
  </head>

Code (markup):

Just so you notice I've using XHTML so you don't want to use those /> endings but just the normal > endings.

 

wow this was very helpful, thanks! i will insert the proper meta tags and Save As UTF-8 soon!