Quote Originally Posted by Paul O'B View Post
Something like this I guess.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style>
html, body {
	margin:0;
	padding:0
}
html { height:100% }
body {
	display: flex;
	height: 100vh;
	flex-direction:column;
}
.content {
	flex: 1 1;
	justify-content: center;
}
header {
	background:orange;
	flex:none
}
main.content { background:blue; }
footer {
	background:red;
	flex:1
}
.wrap {
	display: flex;
	flex-direction: row;
	flex: 1 0px;
}
</style>
</head>

<body>
<header>
		<button type="button">Bar</button>
		<button type="button">Foo</button>
		<label for="checker">Check</label>
		<input type="checkbox" id="checker">
		<label for="slider">Slider</label>
		<input type="range" id="slider">
		<span>Some text</span> </header>
<div class="wrap">
		<main class="content">test</main>
		<footer  class="content">test</footer>
</div>
</body>
</html>
I'm still trying to get my head around it also
Perfect! Thanks a million!