1)Add a div around your entire page like wrapper
<body>
<div class="wrapper">
<header>
...
</footer>
</div> <!-- /wrapper -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>
then add this CSS
html,body {height:100%;}
body {margin:0;}
.wrapper {
display:table;
width:100%;
height:100%;
}
header,main,footer {display:table-row;}
header,footer {height:1px;}
Submit an article or tip