Que tal amigos, verán trato de que la etiqueta body sea responsive...
y el footer siempre aparezca al final (bottom:0;)
<html>
<head>
<style>
*{
margin:0;
padding:0;
}
html{
width:100%;
height:100%;
position:absolute;
}
header{
width:100%;
height:150px;
background-color:red;
}
nav{
width:100%;
height:50px;
background-color:blue;
}
body{
width:100%;
height:100%;
background-color:black;
}
.clear {
content: "";
display: table;
clear: both;
}
footer{
width:100%;
height:100px;
background-color:gray;
position:absolute;
bottom:0;
}
</style>
</head>
<header>
</header>
<div class="clear"></div>
<nav>
</nav>
<div class="clear"></div>
<body>
</body>
<div class="clear"></div>
<footer>
</footer>
</html>