WordPress.org

1. markdw
   Member
   Posted 5 years ago #
   

   I really hope that someone can help here as this has been bugging me for ages and is probably a really simply thing that I just cannot spot!

   First of all view the page that i am talking about here:

   http://www.themes.educationthemes.co.uk/green-leaves/

   This looks great in Firefox, Opera, Safari however in Internet Explorer the main section in the middle that is centred in firefox sits to the left in IE7? It is definitely set to margin left and right 'auto' but it still sits to the left.

   I have consulted several people who know what they are talking about and I to have some experience in CSS, however I just cannot see what is wrong.

   Any help would be appreciated. Thanks.

2. drewactual
   Member
   Posted 5 years ago #
   

   add to your body tag:

   a defined width, such as 80%
   width:80%;

   an auto margin
   margin:auto;

   or copy/paste this to replace current:

   body {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 0.9em;
   line-height: 1.5em;
   color: #000000;
   width:80%; /*or defined width that suits*/
   margin: auto; /*the important ingredient*/
   padding: 0;
   }

3. markdw
   Member
   Posted 5 years ago #
   

   Thanks for the advice but that doesn't seem to do he trick. It is the container that need to sit centralling on the page and that already has margin: auto on the div style.

   I have tried give the top-banner and footer-wrap wdiths of 100% with no luck either.

   Any other ideas would be appreciated. The same thing (and other wierd IE7 bugs) are happening at another of my sites educationthemes.co.uk.

   Thanks

Topic Closed

This topic has been closed to new replies.