IE9 problem (possibly CSS related)

juststarter

New Member
Hi
I have been updating a site that I did not create. The problem that is occurring has only started happening in IE9.

When you click anywhere on a page, the site has a great overlay appear.
Here is a link to the site: http://www.virtualaspect.com.au/pctest/

Any ideas what this is about.
The site is CSS based and I am certainly green in that area.

Thanks for your help.
 

juststarter

New Member
Thanks leroy30.... I have checked and it is using lightbox.js version 2.04... should this be upgraded to 2.05 and if so do I just simply replace the lightbox.js file... Thank so much for replying. This is the code in the HEAD.... does it give you any hints as to what might be going wrong?


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="canonical" href="http://www.pacificcomputing.com/why-tekla.html" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/lightbox.css" type="text/css" media="screen" rel="stylesheet" />
<link href="css/dropdown.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/dropdown.js" language="Javascript"></script>
<script type="text/javascript" src="js/div-switcher.js" language="Javascript"></script>
<script src="js/prototype.js" type="text/javascript" language="Javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript" language="Javascript"></script>
<script src="js/lightbox.js" type="text/javascript" language="Javascript"></script>
<script src="js/typeface-0.15.js" type="text/javascript" language="Javascript"></script>
<script src="js/helvetiker_regular.typeface.js" type="text/javascript" language="Javascript"></script>
<script src="js/helvetiker_bold.typeface.js" type="text/javascript" language="Javascript"></script>
<script src="js/iepngfix_tilebg.js" type="text/javascript" language="Javascript"></script>
<!--[if lte IE 6]>
<style>
.WrapperContent .Internal .Left h1 { font-family: Arial, Helvetica, sans-serif;}
.WrapperContent .Internal .Left h2 { font-family: Arial, Helvetica, sans-serif;}
.WrapperContent .Main .Left .Box h2 { font-weight:bold; font-size:12px;}
</style>
<![endif]-->
 

LouTheDesigner

New Member
Insert this line of code right before the title tag:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

That will make your site render as if the visitor were using IE8... All IE9 problems are thus resolved. Simple.

-Lou
 
Top