Grow your CSS skills. Land your dream job.

IE 7 indenting by 5px (resolved)

  • # January 16, 2009 at 3:49 pm

    My test page looks ok in FF and Safari, but IE7 is indenting the top and sides by about 5px and messing up the layout. Is there some little thing I should add in my css?

    The test page is at http://craigcurry.com/menu/index3.html.

    Here’s some of the css code:

    Code:
    * {
    margin: 0;
    padding: 0;
    }

    body {
    font-size: 62.5%;
    font-family: “Lucida Grande”, “Trebuchet MS”, Helvetica, sans-serif;
    }
    #page-wrap {
    width: 100%;
    margin: 0 auto;
    background: url(images/blackwhitepen.jpg) center top no-repeat;
    }
    .container {
    width: 960px;
    margin: 0 auto;
    }

    Any suggestions?

    # January 16, 2009 at 5:55 pm

    Found the problem… changing from:

    div class="container"— to div id="container" did the trick. I’m not sure why, but it fixed it.

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

You must be logged in to reply to this topic.

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