Wednesday, April 9, 2014

HTML page layout

Ref: http://stackoverflow.com/questions/19192211/css-how-to-style-a-footer

html, body {
 height: 100%;
 margin: 0;
}

main {
 min-height: 100%;
 margin-bottom: -10px;
 background: #ddd;
 width: 600px; margin: 0 auto -10px;
}

main:after {
 content: "";
 display: block;
 height: 10px;
}

footer {
 height: 10px;
 background: #eee;
 width: 600px;
 margin: 0 auto -10px;
}