Grow your CSS skills. Land your dream job.

Using Footer As Main Nav

  • # April 24, 2010 at 7:35 pm

    This is what I want the page to look like:
    http://arbiter-design.com/digitech/DigitechWeb.png

    This is where I’m at:
    http://arbiter-design.com/digitech/

    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?

    CSS:

    Code:
    * {
    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;
    height:572px;
    width:740px;
    background-image: url(“../images/footer.jpg”);
    background-position: bottom;}

    .push { height: 4em; }

    HTML:

    Code:

    # April 25, 2010 at 9:42 am

    Your looking for a sticky footer. Here is one. http://www.visibilityinherit.com/code/s … r-demo.php

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

You must be logged in to reply to this topic.

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