Layout changes in I.E 7 help

[ladygodiva]

Hi can anyone who uses Internet explorer 7 tell me if the main boxes have moved up over my logo? It looks fine in all previous versions of internet explorer, firefox ect. But today after updating to I.E 7 all the boxes seem to have shifted up.

website: http://www.theparlor.co.uk/shop

Any idea how to amend this?

Also i'm still stuck on where to change the font size for "new products" which seems like such a simple thing but i've still not found the code for where to change it to the same size as the rest of the titles.

Thanks :)

[Boggled]

It isn't displaying right in IE7. The boxes have moved up over the logo...but I don't have a clue how to tell you to fix it.

Hopefully someone will be along shortly who knows what's causing the problem.

Nice Site BTW.

[ladygodiva]

haha thanks, and thanks for checking. No idea whats gone wrong with it, i did a search but i've not found anyone else having the same problem either.

[Boggled]

I thought I had read somewhere that some sites might not display properly in IE7, but I don't remember where I read it or if they said why.

What version of ZenCart are you using? I wonder if that could make a difference?

I've got sites with versions 1.2.6, 1.2.7 and 1.3.5 and they all seem to be displaying okay...so far.

Sorry I haven't been able to help, but I did want to check back and see if you had found a fix yet.

I started working on a new one today, but haven't started customizing the template yet, so I may be joining you back here in a few days with the same problem!

[ladygodiva]

I thought I had read somewhere that some sites might not display properly in IE7, but I don't remember where I read it or if they said why.

What version of ZenCart are you using? I wonder if that could make a difference?

I've got sites with versions 1.2.6, 1.2.7 and 1.3.5 and they all seem to be displaying okay...so far.

Sorry I haven't been able to help, but I did want to check back and see if you had found a fix yet.

I started working on a new one today, but haven't started customizing the template yet, so I may be joining you back here in a few days with the same problem!

I'm using 1.3.5 and no i've still not managed to fix it. I'm not the best on php but it's more confusing since it views fine everywhere else, so i don't really know where to begin.

[Sueter]

Look in your main CSS stylesheet. You have the following code:

/* Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
position: relative;
}
*html .centerColumn {
height: 1%;
}
*/


It looks like that's a hack for the peek-a-boo issue in IE which gets broken with IE7. Check out the following article for a fix:

http://www.zeldman.com/2006/10/27/ie7fixes1/

Of course, if it's already commented out...Good luck!

[KarinaMartens]

I am having the same problem. I tried the uncommenting 'h1 etc position relative' suggestion to no effect. In fact looking over my code I am completely stumped. Is changing something in the tmp_header.php page a possible next step or do you guys think it the problem has to be CSS related? Thank you, coffee all around.

[rtoepfer]

IE7 CSS strict mode displays images differently than IE6. To have CSS just for IE7, go to CUSTOMTEMPLTE/common/html_header.php and add conditional CSS for IE7. For example, I add:

<!--[if IE]>
<style>
.dc { float:left; height:100&#37;; vertical-align: auto; }
</style>
<![endif]-->

For one of my templates in which .dc is a div with display:table-cell in Mozilla but needs to be the above for IE7.

[KarinaMartens]

Thank you.