Help giving footer a background

  • virg

    (@virg)


    16 years, 4 months ago

    This is my test site
    http://www.graphictask.com/

    I’m trying to make the footer sort of like this one with the dark background behind the container. http://blog.arc90.com/

    The code I’m using now in style.css is, 

    #footer {
        margin: 0;
	padding: 0;
        background: #181818;
        height: 150px;

    My footer background bumps with the container can someone please tell me how to get it behind it?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Michael

    (@alchymyth)

    16 years, 4 months ago

    oops 🙁

    Michael

    (@alchymyth)

    16 years, 4 months ago

    this is more like it 😉 at least it looks like it in firefox – not tested in IE.
    giving a height to #footer, and adding a new style for #footer .inside:

    #footer {
        margin: 0;
	padding: 0;
        background: #181818;
        height: 450px;
}
#footer .inside {
  background:#181818;
  width:888px;
  padding: 20px 30px 0;
  margin-top:-150px;
  height:200px;
  border-top:150px solid #fff; }
    Thread Starter virg

    (@virg)

    16 years, 4 months ago

    alchymyth, once again you saved me! It works perfectly! Do you tutor? lol

    Michael

    (@alchymyth)

    16 years, 4 months ago

    thank you – i know where to look (google 😉 and have a bit of experience building some websites – that is all (and it would not take you a lot of time either to gain the same amount of experience) lol

    Thread Starter virg

    (@virg)

    16 years, 4 months ago

    Yes, I know so much more than I did 1 week ago but I still have more to learn. Some things still seem scary to me. (css specificity)

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

The topic ‘Help giving footer a background’ is closed to new replies.