Grow your CSS skills. Land your dream job.

IE7 : Can’t Center web page

  • # October 17, 2008 at 5:45 am

    Hey everyone, right im creating a simple html site for a task ive been given.
    The web page has a width of 800px.

    ive wraped everything in a div:

    <div id="wrap">
    All content from page
    </div>

    in the css i’ve used the margin: 0 auto; trick that chris has shown in some of his screencasts.

    div#wrap {
    width:800px;
    height: 100%;
    margin: 0 auto;
    }

    The webpage is centered perfectly in Firefox 2 and 3 and Safari but i cant get it to center in IE 7.

    Can anyone help?

    # October 17, 2008 at 8:23 am

    i tried the exact same code as you posted here and it worked.

    So i think there is something else wrong with your file…

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



    All content from page


    # October 17, 2008 at 10:27 am

    Hmm i’ve checked it all and it seems fine.

    it works ok in safari and firefox, just not IE 7 for some reason, ill get someone else to have a look over it.

    # October 17, 2008 at 10:42 am

    I feel so stupid, i just compared it to another web page, i had a typo in my DOCTYPE. :roll:

    I still feel like blaming IE :lol:

    # October 17, 2008 at 1:51 pm

    Good thing to do for older versions of IE is put text-align:center in body, html. Then just declare text-align left in your #wrap or whatever.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".