Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Oct 2013
    Location
    finland
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Sticky floating footer problem

    Hi guys,


    i’m coding responsive site with skeleton framework (http://testi3.aada.fi/index.html) and i want my footer to be floating and sticky.


    My index page footer works ok, but my content page (http://testi3.aada.fi/me.html) does not even its footer uses same kind of class:


    .container {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -120px;
    }

    .container:after {
    content: “”;
    display: block;
    }

    .site-footer, .container:after {
    /* .push must be the same height as footer */
    height: 120px;
    text-align: center;

    }

    .site-footer {
    background-image: url(../images/footer_bg_trans.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    position: fixed;
    width: 100%;
    bottom: 0;
    }


    What i have missed ?



    // Mika

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,316
    Thanks
    23
    Thanked 613 Times in 612 Posts
    floating and sticky.
    is like saying FREE and CAGED, imposible!

    read this it might be what you want http://www.cssstickyfooter.com/
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •