IE8 compatibility mode layout error

Locked

Results 1 to 4 of 4

This thread is locked. New replies are disabled.

13 Feb 2010, 13:11

manfer72

New Zenner

Join Date:: Apr 2007
Posts:: 20
Plugin Contributions:: 0

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

13 Feb 2010, 19:49

website_rob

Inactive

Join Date:: Oct 2006
Posts:: 4,572
Plugin Contributions:: 0

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.

13 Feb 2010, 21:40

manfer72

New Zenner

Join Date:: Apr 2007
Posts:: 20
Plugin Contributions:: 0

Re: IE8 compatibility mode layout error

Website Rob:
.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 !!

16 Feb 2010, 08:49

manfer72

New Zenner

Join Date:: Apr 2007
Posts:: 20
Plugin Contributions:: 0

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