Issue with IE7 rendering

Hey guys,

Awesome site, I hope I can be of help to others in future!

In the meanwhile… I am working on a page and it renders perfectly on Mac (FF, Safari, Chrome) and most PC browsers (IE6, IE8, FF, Chrome) but on IE7 the content is a big mess and the footer is underneath the blog content.

I can’t seem to figure it out - you know what it’s like when you spend too much time looking at something! Any ideas much appreciated.

Thank you :slight_smile:

Hi Welcome to Sitepoint :slight_smile:

Have you fixed the issue as it doesn’t look too bad in IE7 unless I’m looking in the wrong place?

You do seem to have some corrupted html at the top of the page where you have two doctypes and two head sections.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<!-- BC_OBNW -->
<title>Executive Coaching Blog</title>
<link href="[/StyleSheets/ModuleStyleSheets.css](" type="text/css" rel="StyleSheet" />
<script type="text/javascript">var jslang='EN';</script>
<link rel="stylesheet" href="[/CatalystStyles/Box.css](" type="text/css" media="screen" />
<script type="text/javascript" src="[/CatalystScripts/Java_Box.js]("></script>
[B]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="">
[/B][B]    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="description" />
    <meta name="keywords" content="keywords" />
    <title>About Us | Institute of Executive Coaching</title>[/B]

If you are using an “include” file for the body content then you should only be including the html that goes in the body and not a whole page with doctype and head section.

Clean that code up first and then we can carry on bug fixing once the code is valid.:slight_smile: