Get help. Give help. A Web Design and Development Community.

Using Footer As Main Nav

  • # April 24, 2010 at 7:35 pm

    This is what I want the page to look like:

    This is where I’m at:

    How do I get the footer background to stick to the bottom? Or is there another way I should try to achieve this? Should I just make the footer image an image tag in the html? and if so how can I pull this off?


    * {
    margin: 0;

    html, body {
    height: 100%;
    background-image: url(“../images/bg.gif”);
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #f0f4f0


    .wrapper {
    min-height: 260px;
    height: auto ;
    height: 100%;
    width: 740px;
    margin: 40px auto -4em;
    .footer {
    margin: auto;
    postition: fixed;
    bottom: 0;
    background-image: url(“../images/footer.jpg”);
    background-position: bottom;}

    .push { height: 4em; }



    # April 25, 2010 at 9:42 am

    This reply has been reported for inappropriate content.

    Your looking for a sticky footer. Here is one. … r-demo.php

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

You must be logged in to reply to this topic.

We have a pretty good* newsletter.