CSS Snag

  • I’m generally pretty good with CSS, but for some reason I can’t get the header to center itself on the page. It moves with the content, fixed on the left side.

    I just can’t figure it out. I know it’s probably something really simple that I’m passing over. I’d appreciate any help on this.

    Here’s the code: https://pastebin.com/868341

    Thanks!
    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • margin: 0 auto;

    Thread Starter rudeadz

    (@rudeadz)

    Chrishes, I’m not sure what you mean. I’ve played around with that, but the masthead is still attached to the content area. Could you be more specific?

    Thanks.

    You have this:
    #header {
    width: 1186px;
    height: 120px;
    padding: 0;
    background: #666699 url(‘images/masthead.gif’) no-repeat left top;
    }

    Try this:
    You have this:
    #header {
    margin: 0 auto;
    text-align: center;
    width: 1186px;
    height: 120px;
    padding: 0;
    background: #666699 url(‘images/masthead.gif’) no-repeat;
    }

    Thread Starter rudeadz

    (@rudeadz)

    It didn’t do anything.

    I appreciate the help though. If you can think of anything else, let me know. It’s driving me insane.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS Snag’ is closed to new replies.