CSS - Sticky footer [duplicate]

Answer 1

This is table simulation with css. Header and footer are 100px height and the container div take all the space of your screen between

CSS:

#frame{
   display: table;
   height: 100%
   width: 100%;
}

#header{
   display: table-row;
   height: 100px;
   background-color: red;
}

#container{
   display: table-row;
}

#footer{
   display: table-row;
   height: 100px;
   background-color: black;
}

HTML:

JSFiddle (I added some extra styles to the body because fiddle is in iframe, but in usual browser behaivor you won't need that).