Compatibility issues with IE and Firefox

smjack · Joined: 16 Mar 2008 Posts: 7

Hello,

I am hoping that some of you html experts may be able to help me out with this frustrating problem!

I have built a website using a combination of dreamweaver and photoshop. I know some basic code, but am by no means an expert.

When I view the site from my mac in firefox and safari it looks find. However, when it is viewed from a PC in explorer, the images are not all aligning. When viewed from a PC in firefox, the images are aligning correctly.

the link is www.tricanolaw.com/test/index.html

More specifically, it is the two outside images on the far left and right that are not lining up.

As far as I can tell from looking at the code, I can see no problems. I am stumped!

Thank you in advance for your help!!

sticks464 · Joined: 31 Dec 2006 Posts: 993

I would first give your pages a valid doctype
http://www.w3schools.com/tags/tag_doctype.asp
Then use the w3c validator http://validator.w3.org/
to see the numerous errors that need correcting.

Without a valid doctype, browsers do not know how to parse the code, so each one guesses what the output should look like. Sometimes their right but the majority of the time it will be displayed incorrectly.

It's not a bad looking site visually, if your using a resolution larger than 1024X768. You should consider redoing the site using css so it will display correctly in all browsers and fit all resolution and screen sizes.