View Full Version : Completely different appearances in browsers

09-12-2007, 04:53 PM
Please check this link out.http://www.alaskaerrands.com

With Firefox it looks OK, with IE7 it looks like crap. The font sizes are different. Making IE7 hard to read in some places and way too big in others. How do I deal with that? I am using a style sheet. There are hundreds of styles set in there so I don't know how much and what to post. Just to get started I'll leave the styles out until I get an idea of where to look for the problem.

PS: I probably don't want to hear it but other criticisms can be included if it will help. I know there is a lot more to do with the Contact Us Form, but I had to put it up on the server just to test the mail() function. I am currently adding a bunch of checks to make sure everything is hunkey dorey BEFORE it is mailed.

09-12-2007, 05:04 PM
Yeah, you're best off using either pixels, or em's for your font-sizes. I would steer clear of using pt because I vaguely recall that browser render it at different sizes whereas an em, or a pixel is the same on all.

09-12-2007, 05:14 PM
With pixels, IE users are not able to resize the text...

09-12-2007, 05:28 PM
Also your code contains about 42 errors. From the looks of it you shouldn't be coding in XHTML Strict. You really shouldn't be using the center tag either. I would suggest you validate your page but you would need to add this within the head tags before you do <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

09-12-2007, 05:37 PM
Aero beat me to it, but I got between 57 and 62 errors using iso-8859-1 Encoding and trying both Transitional and Strict Doctype at the w3.org validator.

09-12-2007, 10:45 PM
Thanks everyone. What did you use to validate the code? I tried a link at w3schools but was told that my code couldn't be vali thought that was the preferred code. I tried to make sure that the page didn't use anything that was deprecated. And the center tag was a test to move an image into the middle of a column I had defined. Problem was I couldn't find anything better to work and have not been able to get back to it today. Crappy job, I'm expected to work occasionally.

I'll add the meta tag that Aerospace eng posted and retry validation. Any other suggestions would be greatly appreciated. I'll change the CSS to all em wherever I have px or pt. Hope I get everything to fit nicely.

Thanks again.

09-13-2007, 05:01 AM
check out the attachment.

for ur notification : some of the content like heading will not be aligned properly in IE thts bcas u hav specified those things in broken div tag....

make it proper, make it work

gud day, :)