Layout changes in I.E 7 help

[ladygodiva]

Try changing:

/* 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%;
}
*/

To:

/* 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%;
}
*/


The difference is the \*/ just after "peekaboo bug:"

Thanks for the reply with the correction. I've copied & pasted that into both my stylesheets and sadly it hasn't changed anything.

2 months working on zencart and trust i.e to spoil it!

[clydejones]

make the logowrapper the same height as your image:

This is what you have now.

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px; change this to 178px (the height of your image
}

[yodamo]

OK, I'm trying to deal with this thing myself... so far haven't quite figured it out, but have found this page here http://www.cayenne.co.uk/ie7/disappearing-content.html

Possibly changing the height to min height might work, since you've got background images in your layout?

-Alyce

[ladygodiva]

make the logowrapper the same height as your image:

This is what you have now.

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px; change this to 178px (the height of your image
}

Thanks that seems to have fixed it, it seems simple now you've pointed it out so i want to thank you for taking the time to browse through the template. I really appreciate it!

[clydejones]

Glad to help.

[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.

[gate13]

guys

i had the same problem with Ie7 so i changed the logowrapper and it fixed

in ie7 the logo looks fine but in any previous version the logo has a great huge gap between the ezpage header and the logo.

www.gsports-and-novelties.com/sportsm

any one got any answers on what i can do


thanks george

[u761877]

Hello

I am having problems with IE7, the shop display's perfectly in other browsers.

www.protrolley.com

I have tried most things in this thread but with out sucess.

Thanks