Problem With 1.5.X.X Default Theme and IE9

Quote

Post by kgkaraoke » Fri Jun 22, 2012 10:35 pm

The default OpenCart 1.5.X.X template has a serious problem when "Featured" is activated, and the visitor is using IE9.

If, say, "Featured" is set to display fifteen products, then there will be displayed three rows of five products each. However, if IE9 is used in the non-compatibility mode, there will be FOUR rows, the first three displaying FOUR products each, and the final row displaying THREE products.

There is a quick and easy fix. In catalog/view/theme/default/template/common/header.tpl you will see the following code:

Code: Select all

<head>
Then, change this to:

Code: Select all

<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
This will FORCE IE9 to be in the Compatibility mode for as long as the header is being displayed.
kgkaraoke
New member
Posts
89
Joined
Fri Oct 29, 2010 9:06 am
Top

Re: Problem With 1.5.X.X Default Theme and IE9

Quote

Post by ADD Creative » Sat Jun 23, 2012 1:21 am

I have also seen this problem.

It seems 5 boxes are (130 + 20) * 5 = 750px wide. Given that box-content div is 763px wide, this leaves 13px for the white space in between the product divs. IE9 is probably calculating the white space to be 14px in total. A different fix might be to increase the size of the box-content div by changing the left and right column margins. I don't like the idea of using IE7 emulation mode.

find

Code: Select all

#column-left + #column-right + #content, #column-left + #content {
	margin-left: 195px;
}
#column-right + #content {
	margin-right: 195px;
}
change to

Code: Select all

#column-left + #column-right + #content, #column-left + #content {
	margin-left: 194px;
}
#column-right + #content {
	margin-right: 194px;
}

www.add-creative.co.uk

ADD Creative
Expert Member
Posts
4642
Joined
Sat Jan 14, 2012 1:02 am
Location - United Kingdom
Top
Post Reply
Return to “Bug Reports”
Who is online

Users browsing this forum: No registered users and 70 guests