Grow your CSS skills. Land your dream job.

[Solved] CSS Footer

  • # February 9, 2010 at 8:01 pm

    _

    # February 11, 2010 at 8:26 am

    Hi,
    for repeating a header or a footer I use something like this:

    #footer {height: 50px; background: url(images/footer_bg.jpg) repeat-x; margin-top: 50px; border-top: 1px solid #5f6c7d;}

    If your not using an image as a background replace with background-color. Also if you are using a container for example with a width of 960px then make sure your footer and header are outside of this other wise it will only fill 960px.

    Hope this helps

    # February 14, 2010 at 12:45 am

    _

    # February 14, 2010 at 9:03 am

    You would get more help if you posted a link to the problem… ;)

    # February 15, 2010 at 9:49 pm

    _

    # February 16, 2010 at 7:16 am
    Code:
    * {
    margin: 0;
    padding: 0;
    }

    Will fix your problem

    # February 17, 2010 at 3:18 pm

    _

    # February 18, 2010 at 5:00 am

    Where did your link go?

    # February 19, 2010 at 6:51 am

    # February 19, 2010 at 9:42 am
    Quote:
    Any ideas on how to make the height of the header fill up the full bottom of the page

    I don’t understand what you mean, your header should not fill up the page?? In any case you have no css for #header.

    # February 19, 2010 at 4:55 pm

    _

    # February 20, 2010 at 4:41 am

    Read this post
    viewtopic.php?f=2&t=6563

    # February 20, 2010 at 8:35 am

    _

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".