Results 1 to 4 of 4
  1. #1
    Join Date
    Apr 2007
    Posts
    20
    Plugin Contributions
    0

    Default IE8 compatibility mode layout error

    Hi,
    I've a problem layout with IE8 browsing my ZCart (1.3.7) site (www.crazyanimals.it) without compatibility mode.

    The lines of demarcation are wrong !!! This error happens only without compatibility mode. (as you can see in printscreen).

    All other browser (safari, opera, firefox, chrome) are OK (as you can see in other printscreen)

    A lot of our customer don't know the IE8 Function about the compatibility mode, so i need to resolve it.

    I think is a CSS problem but i don't know how resolve it.

    Thank you in advance for your help.

    Best regards,
    Thank you

    Ferruccio Mantovani
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	IE8.jpg 
Views:	241 
Size:	22.2 KB 
ID:	7061   Click image for larger version. 

Name:	Safari.jpg 
Views:	235 
Size:	22.7 KB 
ID:	7062  

  2. #2
    Join Date
    Oct 2006
    Location
    Alberta, Canada
    Posts
    4,571
    Plugin Contributions
    1

    Default Re: IE8 compatibility mode layout error

    .dc (line 662) {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    width: 100%;
    }

    .header1_c1 (line 696) {
    width: 463px;
    text-align: center;
    }

    .header1_c2 (line 700) {
    width: 285px;
    }

    If you comment out "header1_c2" and increase the width of "header1_c1" to, say 520px or so, you should be good.

    Mind you, there are lots of HTML Validation errors that should be corrected.

  3. #3
    Join Date
    Apr 2007
    Posts
    20
    Plugin Contributions
    0

    Default Re: IE8 compatibility mode layout error

    Quote Originally Posted by Website Rob View Post
    .dc (line 662) {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    width: 100%;
    }

    .header1_c1 (line 696) {
    width: 463px;
    text-align: center;
    }

    .header1_c2 (line 700) {
    width: 285px;
    }

    If you comment out "header1_c2" and increase the width of "header1_c1" to, say 520px or so, you should be good.

    Mind you, there are lots of HTML Validation errors that should be corrected.

    thanks, the template is buught from TemplateMonster. I did not know there were all those errors. I try to correct them and follow the instruction about header1_c1.
    Thank you !!

  4. #4
    Join Date
    Apr 2007
    Posts
    20
    Plugin Contributions
    0

    Default Re: IE8 compatibility mode layout error

    Hi,

    I'm trying to correct the validation error. CSS errors were corrected, but I can not correct those related to XHTML 1.0 Transitional. The HTML page of zen cart is dynamic, how can I correct this?
    I tried to insert the correction of the CSS suggested (about the bug related at IE8), but the layout of the site still wrong!

    Other suggestions/helps ?

    Thanks

    Hello

 

 

Similar Threads

  1. IE7 / compatibility mode centerBox problem
    By marknew in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 29 Sep 2011, 12:19 PM
  2. IE8 compatibility mode
    By simondale123 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 4 Nov 2009, 03:26 AM
  3. How to Force IE8 to IE7 Compatibility Mode?
    By hcd888 in forum General Questions
    Replies: 2
    Last Post: 19 Oct 2009, 01:32 AM
  4. Replies: 18
    Last Post: 13 Jul 2009, 12:31 AM
  5. IE compatibility mode problems
    By DML73 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 1 Jul 2009, 04:32 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg