I've been experimenting with this code:
.main{
min-height: -moz-calc(100% -50px);
min-height: -webkit-calc(100% -50px);
min-height: calc(100% -50px);
background-color:#000;
color:white;
}
html{
height:100%;
}
<html>
<body style='height:100%;'>
<header style='height:50px;background-color:#0e0'></header>
<div class="main">ok</div>
</body>
</html>
However, I am facing issues and it doesn't seem to be working as expected.
I'm aiming for the div to stretch to the bottom of the screen minus the 50px header height.
Your help is greatly appreciated!