Results 1 to 6 of 6
  1. #1
    Join Date
    Aug 2004
    Posts
    503
    Plugin Contributions
    0

    Default 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

  2. #2
    Join Date
    Jun 2005
    Location
    Cheney WA
    Posts
    1,134
    Plugin Contributions
    0

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

  3. #3
    Join Date
    Aug 2004
    Posts
    503
    Plugin Contributions
    0

    Default 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

  4. #4
    Join Date
    Jun 2005
    Location
    Cheney WA
    Posts
    1,134
    Plugin Contributions
    0

    Default 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...stylesheet.css

  5. #5
    Join Date
    Jun 2005
    Location
    Cheney WA
    Posts
    1,134
    Plugin Contributions
    0

    Default 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/...-dehacker.html


    search that page for iehacks.css

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

    and read above it.

  6. #6
    Join Date
    Jun 2005
    Location
    Cheney WA
    Posts
    1,134
    Plugin Contributions
    0

    Default Re: IE 7 positioning issues


 

 

Similar Threads

  1. having some issues with ez pages, header getting cut off bad positioning etc...
    By ICwater in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 21 Nov 2012, 08:17 PM
  2. Positioning Issues with Different Browsers
    By swelter83 in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 28 Mar 2008, 02:45 PM
  3. product info positioning issues
    By jbezooyen in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 20 Feb 2008, 11:34 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg