The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

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

    Here’s some of the css 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed