Working Source

<html>
<head>
<meta charset="UTF-8">
<style>
   body, div, h1, h2, h3, h4, h5, h6, img, a, p {
      margin: 0;
      padding: 0;
      border: 0;
   }

   body {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
   }

   #header {
      height: 5%;
      width: 100%;
   }

   #content {
      height: 90%;
      width: 100%;
      display: table;
   }

   #gamescreen {
      display: table;
      height: 100%;
      width: 100%;
   }

   #left-col {
      float: left;
      height: 100%;
      width: 20%;
      background: green;
   }

   #center-col {
      float: left;
      height: 100%;
      width: 60%;
      background: blue;
   }

   #right-col {
      float: left;
      height: 100%;
      width: 20%;
      background: red;
   }

   #footer {
      height: 5%;
      width: 100%;
   }
</style>
</head>
<body>

<div id='header'>
   H
</div>

<div id='content'>
   <div id='gamescreen'>
      <div id='left-col'>
         Left Col
      </div>
      <div id='center-col'>
         Center Col
      </div>
      <div id='right-col' >
         Right Col
      </div>
   </div>
</div>

<div id='footer'>
   F
</div>
</body>
</html>