IE9 display problems

**Andymason** · 16 May 2012, 12:27 PM

Hi,
On this site http://suberstyle.com in IE9 there is a dark background that I don't want, it never shows in Chrome or FF.
I've spent hours trying to isolate the template code or css to change it and I've failed.

Also, no matter what I change in the admin panel, the sidebox images always stay the same width. I want them to fill the width of the left sidebox and again I'm stumped.

Grateful for any ideas

Andy

**nigelt74** · 17 May 2012, 12:28 AM

1) sidebox images

You have the height of the images set to 80px, this is probably whats causing the problem, as the images are being resized proportionately, what you need to try is leaving the height value empty and set the width to 140px

2)
Internet explorer issue

Your code has weird errors

someone had dumped CSS code between the
head and body section like so

Code:

</head>
<style type="text/css">
<!--
.style12 {color: #000000; }
.style13 {
	font-size: 16px;
	font-weight: bold;
}

.style14 {font-size: 12px}
td.menu {
background: url(/includes/templates/bags01/images/navbar.jpg) white;
height:25px;
position:relative; top:-94px;
width:530px;
float:right;
padding-top:5px;

}
td.menu a{
   font-family: League Gothic;
  text-transform:uppercase  ;
 font-weight: bold;
	color: #000;
   
	text-decoration: none;

	font-size: 11px ;
    position:relative;top:;

}

td.menu a:hover{

	color: #000;

	text-decoration: underline;

}

td.bot a{

	color: #fff;

	text-decoration: none;

	font-size: 14px;

}

td.bot a:hover{

	color: #fff;

	text-decoration: underline;

}
#ezpages{display:none;}
#searchbox{position:relative; left:650px;top:-150px;}
#headerbox {width:978px;height:250px;margin-bottom:5px;margin-left:auto;margin-right:auto;}
-->
</style>
<body id="indexBody">

Normally that code should be IN the head section, I don't know if thats what causing the issue but code in odd places will cause odd issues

**nigelt74** · 17 May 2012, 12:50 AM

Ok, the black backgrounds appear to be hardcoded into the page in different locations

Probably in your template files, can't recall which ones off the top of my head

\includes\templates\template_default\common\tpl_main_page.php

delete this
bgcolor="#ff9"
(That should get rid of the black on the left hand side,)
and this

bgcolor="#fffff9"
This one will make no difference yet, however it needs to be removed as it is causing the problem, but it is being overridden further down the html.

The last bit you will need to track down, as your code seems to be missing the bits that i would use to identify where things are, and I can't actually guess at the moment as i'm a touch busy.

Thread: IE9 display problems

Thread Tools

Search Thread

Display

IE9 display problems

Re: IE9 display problems

Re: IE9 display problems

Similar Threads

Alignment Issue Now In IE9

Favicon IE9

v138a Site goes black in IE9

v138a IE9 ignoring attributes

IE9 Developer Tools HTML1113: Document mode restart from Quirks to IE9 Standards

Posting Permissions