Support » Themes and Templates » CSS Problems with page not in centre

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

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • add to your body tag:

    a defined width, such as 80%

    an auto margin

    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;

    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


Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS Problems with page not in centre’ is closed to new replies.