Simple Internet Explorer Errors

  • https://www.penguinbros.com/home/

    I’ve been coding a new WordPress style and two problems crop up for me when the site is viewed in Internet Explorer. 1. The entire wrapper is shifted to the left and 2. The background of the page continues above the header where it shouldn’t. The site appears normally in Safari and Firefox.

    My style.css (where it counts) looks like this:

    #wrapper
    {
    width: 700px;
    margin: 0 auto;
    overflow: hidden;
    }

    #page
    {
    background: url(images/frostybg.jpg) repeat-y top; border: none;
    }

    #header
    {
    margin-top: 20px;
    margin-bottom: 10px;
    }

    #headerimg
    {
    font-size: 1.2em;
    margin: 0 auto;
    text-align: center;
    width: 760px;
    height: 200px;
    color: #FFFF00;
    background-color: #0000CC;
    background: url(images/frostyheader.jpg) no-repeat center
    }

    I can’t seem to crack these two errors but I’m sure they’re simple enough to conquer without too much trouble. So could someone lend a noob coder some help?

Viewing 1 replies (of 1 total)

  • Thanks for not posting your entire CSS file, which would make it difficult to determine where the issues are.

    (1) The entire wrapper is shifted to the left.

    I’ve run into this on occasion lately where the given classes/ids should have centered a layout, but it either does/doesn’t center in IE. I suspect that I’ve come across the solution before, but it was a bit obtuse. Lately I’ve been doing this:

    body {text-align:center}
    #wrapper {text-align:left}

    (2) The background of the page continues above the header where it shouldn’t.

    That would be caused by your #header specification, which adds a 20px margin *above* the header container.

Viewing 1 replies (of 1 total)
  • The topic ‘Simple Internet Explorer Errors’ is closed to new replies.