Jump to content

[Solved] PrestaShop Template 1.4.5 Internet explorer alignment issues


Recommended Posts

Hello,

 

I am having PrestaShop Template 1.4.5 Internet explorer alignment issues

 

link - http://www.purepetshop.com.au/shop/

 

displays fine in firefox and google chrome, but displays as attached in internet explorer 9.

 

Hello, try to add this to your header:

 

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

 

usually this solves IE9 issues.

Link to comment
Share on other sites

I have added this code to my theme/header.tpl but it has not seem to have fixed it. I have deleted internet files / ensured force complie is on and cache is off

 

Your doctype is not recognised in IE9.

 

You need to change this line in header.tpl

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

to

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Link to comment
Share on other sites

Your doctype is not recognised in IE9.

 

You need to change this line in header.tpl

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

to

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

 

Thankyou for your help so far, however I have now made this change but not seem to have resolved the issue..

Link to comment
Share on other sites

Have you recompiled the template files?

 

In IE9 go to: http://www.cartexpert.net right click anywhere on page and select 'View source' . You will see the doctype.

Do this with your site, and you will not see the doctype.

 

And for now remove the script from Google.

 

No I didn't recompile the template files, I had a look at your site in Internet Explorer and can see the clean layout and mine seems like a jumbled up mess ? Is there something that would have caused this ?

 

I have taken a scren cap of my header.tpl (attached)

post-343083-0-84957500-1333378362_thumb.png

Link to comment
Share on other sites

added to to your global.css .container_9 { margin: 0 auto; width: 980px; } still no change.. :(

 

Hi,

 

Doing some more research: your website is displayed in browsers in Quirks mode. This means the doctype is not compatible with the content, so you need to use a different doctype.

Possible doctypes:

 

HTML 4.01 Strict, Transitional, Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict, Transitional, Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Link to comment
Share on other sites

Hi John,

 

Can you also checked in your BO preferences/performances if you have anything checked in CCC?

 

That is right. 'High risk HTML compression HTML is compressed but cancels the W3C validation (only when "Minify HTML" is enabled)' can cause this.

 

John you should have 'Keep W3C validation' enabled.

  • Like 2
Link to comment
Share on other sites

  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...