Grow your CSS skills. Land your dream job.

Getting my footer to stick to the bottom in a RWD layout

  • # March 18, 2013 at 1:22 pm

    Hi all

    I have created my first responsive layout with HTML 5 and CSS and all is good except in Firefox and IE 9 I cannot get the footer to stay down, it’s fine in chrome. Can anyone tell me the best way to sort this please in css?

    #footer {
    clear: both;
    /*background: #0f3d48; */
    background: #302f2b;
    font-size: 85%;
    height:200px;
    border-top: 2px #ffc21f solid;
    }

    .footerContent{
    margin: 0 auto 53px;
    width: 93.75%; /* 900px / 960px */
    color: #ffdd6b;
    }
    .footerCopyRight{
    margin: 12em auto;
    width: 93.75%; /* 900px / 960px */
    color: #ffdd6b;
    }

    © Yellow Belly Designs. All rights reserved.

    Kind regards

    Rob

    # March 18, 2013 at 1:29 pm

    Do you have a live link?

    > I cannot get the footer to stay down.

    I’m not entirely sure what this means….

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".