IE9 not playing nicely....

Hey Jason

Just wondering if you would be able to take a look at the 2 attached images of the same page.

One is using Firefox (and it renders exactly the same in Chrome, Opera and Safari) whilst the other is in IE9 (ie10 is fine) and as you can see on that image with the 3 arrows, there are certain areas on the page which are not rendering as per the other browsers.

Obviously I understand the issues that we face with IE but thought that IE9 was pretty much on the same 'page' as it were as the other browsers?

Would you be able to help me troubleshoot so that I can get it working in IE9 please?

Many thanks

Jamie

add overflow hidden to the container class for the main content, if yo8u need more details, provide a link where i can see it to troubleshoot.

Hey Jasoon.... have put the info in the PM

Many thanks

Jamie

in the admin.css, remove overflow hidden from the body:

body {
background-color: #004899;
color: #2c2d2e;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
background-image: url(../images/body_bg.png);
background-repeat: repeat-x;overflow: hidden;
}



i don't think margin top is needed for the pages div

<div class="pages" style="float:left; width:220px; clear:left;margin-top:0;">


add overflow hidden to the #outerWrapper #contentWrapper #content

#outerWrapper #contentWrapper #content {
background-color: #fff;
margin: 0 0 0 240px;
padding:0 10px 0 0;
}

That doesnt seem to have had any measurable effetc - apart from the scroll bar coming back

there was a problem in the template causing the page to use quirks mode (in quirks mode, IE uses the IE 5 rendering engine).

in the template, the line:
<?php require_once( "../WA_CMS/WA_CMS.php" ); ?>

needed to be moved from above the doctype to be in the head section.

superb - thanks for that Jason. All working fine and updated a few other sites with this as well

Cheers

Jamie

you're welcome.