codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    Make a Footer Stick to the Bottom of the Page

    2nd April 2015

    CSS

    Css - Codehaven

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
        * {
        margin: 0;
        }
        html, body {
        height: 100%;
        }
        .stickywrapper {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -4em;
        }
        .stickyfooter, .push {
        height: 4em;
        }
     

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
        <html>
            <head>
                <link rel="stylesheet" href="layout.css" ... />
            </head>
            <body>
                <div class="stickywrapper">
                    <p>Your website content here.</p>
                    <div class="push"></div>
                </div>
                <div class="stickyfooter">
                    <p>Copyright (c) 2008</p>
                </div>
            </body>
        </html>
     

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN