Menu

CSS element altid nederst

16. august 2016 - Notater, Programmering

Kilde cssreset.com

Markup


  

Styles

#content.padding-bottom  >= #footer.height

html,
body {
    margin:0;
    padding:0;
    height:100%;
}
#wrapper {
    min-height:100%;
    position:relative;
}
#header {
    background:#ededed;
    padding:10px;
}
#content {
    /* Height of the footer element */
    padding-bottom:100px;
}
#footer {
    background:#ffab62;
    width:100%;
    height:100px;
    position:absolute;
    bottom:0;
    left:0;
}