Compatibility with IE

Hi this is the first time I have built a site and I’m having problems with my divs aligning in Internet Explorer, Safari, Firefox and google chrome are all fine.

Here’s my site.

http://www.top-farm.info/index.html

I’ve sourced the below code as a recommended fix to insert in the head section under title

<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7”/>

or

<meta http-equiv=“X-UA-Compatible” content=“IE8”/>

But neither has worked. Any help would be much appreciated, thanks in advance,

Tom

Here is the problem. You are throwing IE into quirks mode. Second, you are using XHTML syntax but you are telling the browser you are using old broken HTML 4…What? http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.top-farm.info%2Findex.html

Hi, thanks for your reply I used this website yesterday to try and fix some errors, but didn’t understand some of the feedback, I’m using quite an old version of Dreamweaver and the head section automatically generated the HTML 4.01 presumably this is wrong.

Should I remove

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>

and replace with:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”

do I need also need to remove:

<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7”/>

Thanks
again

I see you’ve changed your doctype - has that solved your problem? (I can’t test on IE just now.)

You should certainly remove this: <meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7”/> as it’s telling all versions of IE to emulate IE7, which had/has all kinds of problems. You really don’t want that. :slight_smile:

You might want to run your page through the W3C Validator, to pick up a few errors there. It’s always a good idea to validate your code, as it helps to ensure it will display correctly in any browser. Valid code is not always enough, unfortunately, but it’s a darned good starting point. :slight_smile:

If you need any help interpreting the Validator results, just ask.