WordPress.org

1. atanone
   Member
   Posted 2 years ago #

   If I use FF, my page is centered, but if I use IE, the page is aligned left. I have look at various postings but could not find the answer yet. You can see the page at http://mysattrack.net

   Any help or pointer would really be appreciated.

   Thanks.

2. atanone
   Member
   Posted 2 years ago #

   Just found out that I have problem with FF too. The footer is pushed to the right side. Any pointer? I have tried to search but could not find the posting related to the same problem.

   BTW, this only happens at the Last Entry page. If I click on <<Previous Entries, every thing looks fine both in FF and IE.

   Thanks.

3. mcjim
   Member
   Posted 2 years ago #

   Is that IE5.x? Should be fine in 6 and above, as long as it's in compliance mode.
   It's because 5.0 can't cope with the margins being auto. See http://css-discuss.incutio.com/?page=CenteringBlockElement
   The footer is sticking out because it's the child of the "content" div.
   Hope this helps.

4. atanone
   Member
   Posted 2 years ago #

   Thank mcjim. I'm using IE 6.

   I have gone to the link above, but I don't know which file to change using the code listed there. The only thing contain "body" is the css style sheet of Andreas01-12 Theme.

   Do I need to add this code there after changing the width to 760?

   body {
     text-align: center;
     min-width: 500px;
   }
   #wrapper {
     text-align: left;
     width: 500px;
     margin-left: auto;
     margin-right: auto;
   }

   This is what I currently have in the style-sheet:
   

   *{margin:0; padding:0;}
   body{background:#f4f4f4 url(img/bg.gif) top center repeat-y;
   color:#303030; font:76% Verdana,Tahoma,Arial,sans-serif;}
   #wrap{background-color:#ffffff; color:#303030;
   margin:0 auto; width:760px;}

   Thanks alot.

5. atanone
   Member
   Posted 2 years ago #

   I went to make the following changes to the part of style-sheet:

   body{text-align: center; min-width: 760px;
   background:#f4f4f4 url(img/bg.gif) top center repeat-y;
   color:#303030; font:76% Verdana,Tahoma,Arial,sans-serif;}
   
   #wrap{background-color:#ffffff; color:#303030;
   margin-left: auto; margin-right: auto; width: 760px;}

   Still have the same problem. The page is centered while loading but as soon as the loading completed, the page shifted to the left again.

   Thanks.

6. mcjim
   Member
   Posted 2 years ago #

   If that's the Theme you're using, then, yes, the styles.css file is the one you want to change. Just to make sure, you can always change the background colour to something horribly noticeable and then change it back again.
   Haven't got a copy of IE with me at the moment. The div is centred in FF and Safari. Use the Firebug extension in FF to try to locate the CSS errors. The page doesn't validate (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmysattrack.net%2F), so perhaps start there. Good luck.

7. atanone
   Member
   Posted 2 years ago #

   Thanks, mcjim.

   I tried but no luck. I was thinking of upgrade it to 2.1.2 but I will try to install it in another folder to make sure it works first.

   I think the error probably was introduced when I moved thing around from right to left sidebar and may be some closing braket was dropping off in one of the files.

   Thanks.

8. atanone
   Member
   Posted 2 years ago #

   OK. I upgrade to WP 2.1.2 and the problem went away.

   Thank you mcjim.

Topic Closed

This topic has been closed to new replies.