Layout changes in I.E 7 help

29 Nov 2006, 16:37

#1

New Zenner

Join Date:: Oct 2006
Posts:: 52
Plugin Contributions:: 0

Layout changes in I.E 7 help

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 :)

29 Nov 2006, 16:45

#2

boggled

Zen Follower

Join Date:: Mar 2006
Posts:: 286
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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. :smile:

29 Nov 2006, 16:50

#3

ladygodiva

New Zenner

Join Date:: Oct 2006
Posts:: 52
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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.

30 Nov 2006, 01:58

#4

boggled

Zen Follower

Join Date:: Mar 2006
Posts:: 286
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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! :ohmy:

30 Nov 2006, 12:58

#5

ladygodiva

New Zenner

Join Date:: Oct 2006
Posts:: 52
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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! :ohmy:

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.

30 Nov 2006, 17:12

#6

sueter

New Zenner

Join Date:: Oct 2006
Posts:: 15
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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!

01 Dec 2006, 14:07

#7

ladygodiva

New Zenner

Join Date:: Oct 2006
Posts:: 52
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

Thanks allot, i'm going to give that a go now!

01 Dec 2006, 14:29

#8

ladygodiva

New Zenner

Join Date:: Oct 2006
Posts:: 52
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

well after reading that i've gone from:

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

And still no difference. I really am going on blind luck here as i really have not got a clue. Surely someone must know? :(

01 Dec 2006, 15:17

#9

sueter

New Zenner

Join Date:: Oct 2006
Posts:: 15
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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:"

01 Dec 2006, 16:27

#10

duffster2004

New Zenner

Join Date:: Mar 2006
Posts:: 89
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

hmm I dont have any idea how to tell you how to fix it either, but I'm having similiar problems myself

http://www.tcnwholesale.co.uk

On the login screen, one of my images at the top ( a wide image under the main flash file) has disappeared along with the Email address and password field.......but only in IE 7?>??????

02 Dec 2006, 11:59

#11

ladygodiva

New Zenner

Join Date:: Oct 2006
Posts:: 52
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

Sueter:
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!

02 Dec 2006, 21:29

#12

clydejones

Deceased

Join Date:: Nov 2005
Posts:: 7,017
Plugin Contributions:: 12

Re: Layout changes in I.E 7 help

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
}

03 Dec 2006, 00:58

#13

yodamo

New Zenner

Join Date:: Nov 2006
Posts:: 13
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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

03 Dec 2006, 10:02

#14

ladygodiva

New Zenner

Join Date:: Oct 2006
Posts:: 52
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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
}

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!

03 Dec 2006, 15:48

#15

clydejones

Deceased

Join Date:: Nov 2005
Posts:: 7,017
Plugin Contributions:: 12

Re: Layout changes in I.E 7 help

Glad to help.

04 Dec 2006, 23:10

#16

karinamartens

New Zenner

Join Date:: Oct 2006
Posts:: 2
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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.

07 Dec 2006, 20:43

#17

rtoepfer

New Zenner

Join Date:: Dec 2006
Posts:: 1
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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:



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.

08 Dec 2006, 10:45

#18

karinamartens

New Zenner

Join Date:: Oct 2006
Posts:: 2
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

Thank you:smile:.

10 Jan 2007, 01:59

#19

gate13

New Zenner

Join Date:: Dec 2006
Posts:: 13
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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

24 Jan 2007, 15:12

#20

u761877

New Zenner

Join Date:: Sep 2005
Posts:: 22
Plugin Contributions:: 0

Re: Layout changes in I.E 7 help

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