Tuesday, December 25, 2012

HTML 5 Footer sticker

This is the modern way to create a footer sticker in HTML5 Use the following steps then you can create a "sticky footer". Open your CSS file and paste the following code
html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 250px; 
/* Margin bottom is the footer height */
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
}

The following code is the example of HTML5 site

    


    
    
Lorem ipsum...

0 comments: