Why can't Internet Explorer render this page correctly?

Question

I've been pulling my hair out but can't figure out why my page looks like a huge mess in IE9, but Firefox, Chrome, Opera, Safari works great.

Could anyone tell me what I'm doing that isn't compatible with IE9?

@Dan Grossman: Dont see why this question should not be here! — Jawad, Commented Jul 30, 2011 at 4:06

Purag · Accepted Answer · 2011-07-30 04:18:01Z

2

Looking at your source code, you have a couple of serious issues:

<script language=javascript type='text/javascript'> 
...
</script>
<!DOCTYPE html>
<html>
<head>

You have a script tag at the very top of your page. They should go inside the head tags. Which leads me to the next issue:

<!DOCTYPE html>
<html>
<head>
...
</head>
<body><head>
...
</head>
<body>

You have two <head> tags, and two opening <body> tags. This should be replaced with:

<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
</body>
</html>

answered Jul 30, 2011 at 4:18

Purag

1362 bronze badges

Thanks, that worked! Oddily enough, putting the script tags inside head made it only work in IE. But putting them above doc type made it work for both browsers
– dukevin
Commented Jul 30, 2011 at 5:47

Add a comment |

Jawad · Accepted Answer · 2011-07-30 04:05:14Z

0

You need a Doctype. Just put

<!DOCTYPE html>

At the top in your HTML code.

answered Jul 30, 2011 at 4:05

Jawad

1235 bronze badges

wrong doctype type this <!DOCTYPE html>
– sandeep
Commented Jul 30, 2011 at 4:08
Also your link and meta tags are in the body element. Place them in them in the head element.
– Jawad
Commented Jul 30, 2011 at 4:09

Add a comment |

2 Answers 2