Site maintenance: Sun 15 Nov, from 12:00 UTC, about 4–6 hours. Details

This cutover relies on some testing that is still incomplete so may be cancelled at short notice

Forums / Templates, Stylesheets, Page Layout / IE 7 positioning issues

IE 7 positioning issues

Locked

Started by disciple on 12 Feb 2007, 5:45 PM · Views: 2,130

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
12 Feb 2007, 5:45 PM
#1
disciple avatar

disciple

Totally Zenned

Join Date:
Aug 2004
Posts:
278
Plugin Contributions:
0

IE 7 positioning issues

Hi,

I am having some issues with the positioning of my pages in IE7. Firefox is perfect but IE 7 pushes everything to the left. I have not been able to figure out how to make them (firefox and ie) look the same and correct.

You can view in both browsers at : http://www.digitalscrapbookpages.com/newstore/

Thanks in advance

Rick

12 Feb 2007, 11:13 PM
#2
birdoasis avatar

birdoasis

Inactive

Join Date:
Jun 2005
Location:
Cheney WA
Posts:
1,123
Plugin Contributions:
0

Re: IE 7 positioning issues

You're floating.

It's a common problem with ie anything. ie7 was supposed to have worked it all out, but as you can see they haven't worked everything out.

Before I tell you how to fix this, I wanted to mention that your page title still says zen cart. you need to change that so that google and other search engines will start indexing you properly.

I'll look at your code to give you the work around, but try adding a height to your header in % instead of px.

John Patrick
A Zen Cart Advocate!

12 Feb 2007, 11:45 PM
#3
disciple avatar

disciple

Totally Zenned

Join Date:
Aug 2004
Posts:
278
Plugin Contributions:
0

Re: IE 7 positioning issues

Hi,

Yes, I knew I had not changed the meta_tags.php file yet. It was a low priority since this is just my test bed directory.

I did try and change the height to a percentage but then Firefox was not displaying correctly. IE didn't seem to care one way or the other. It didn't even care if I took out the height altogether.

Thanks for looking.

Rick

13 Feb 2007, 12:46 AM
#4
birdoasis avatar

birdoasis

Inactive

Join Date:
Jun 2005
Location:
Cheney WA
Posts:
1,123
Plugin Contributions:
0

Re: IE 7 positioning issues

I think the problem is in using em in the css file.

All of your measurements in your css file are in em. change them to px, avoid percentages as well because when someone resizes their windows your site will fall apart. You can't just replace the percentages (%) with a px, you have to know how big you want the container to be.

but the quick fix is to change just all em to px in your <headerwrapper div.

http://www.digitalscrapbookpages.com/newstore/includes/templates/digitals2/css/stylesheet.css

John Patrick
A Zen Cart Advocate!

13 Feb 2007, 1:04 AM
#5
birdoasis avatar

birdoasis

Inactive

Join Date:
Jun 2005
Location:
Cheney WA
Posts:
1,123
Plugin Contributions:
0

Re: IE 7 positioning issues

I haven't changed my metadata either. But you seemed further along than I am.

Here's som good reading for you. I searched google for css and ie7

http://www.positioniseverything.net/articles/ie7-dehacker.html

search that page for iehacks.css

#wrapper {
width: 770px;
wid\th: 750px;
}

and read above it.

John Patrick
A Zen Cart Advocate!