Have header one color and body another

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

  • Both header and index files are using the same class “content”

    Thread Starter edtrost

    (@edtrost)

    What I have now on the stylesheet is:

    #header, #main, #footer {
    background-color:#fdf1c9;
    text-align: left;
    margin: 0 auto 3px;
    width: 985px;
    }

    #header, #sidebar, #footer { font-size:0.8em; }
    #header { height: 160px; margin-top: 10px; position: relative; }
    #container { float: left; margin: 0 -350px 0 0; width: 100%; }
    #content { border-right: 3px solid #D5DADD; margin: 0 350px 0 0; overflow: hidden; padding: 19px 0 0; }
    #sidebar { background-color: #fff; border-left: 3px solid #D5DADD; float: right; margin-left: -3px; padding: 15px 20px 15px 10px; width: 320px; }
    #footer { padding: 10px 28px; width: 929px; }

    When I change the color in “background color” it changes both header and content. I changed the color under #content but nothing happened. Obviously, I’m doing something incorrectly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Have header one color and body another’ is closed to new replies.