title: Full screen site in CSS/HTML
body: <p>I've been working on a website design for a chat site, but every attempt I make to get it right has failed so far. I have tried to do it with tables, it always failed in one browser (Mostly IE tho), divs, and a lot more.</p>
  
  <p>The website has to be fullscreen, with a min-width of 900 and a min-height:500px so it won't get any smaller. I want to do this without any javascript (I have made it in JS, but this needs to be done without it :&lt; )</p>
  
  <p>Here is a picture of what it should look like.</p>
  
  <p><a href="https://imgur.com/2qHen" rel="noreferrer"><img src="https://i.stack.imgur.com/xkdpk.png" alt="http://imgur.com/2qHen"></a></p>
  
  <p>I hope this is possible in pure CSS/HTML</p>
  
  <p>Thanks in advance</p>
  
  <p>EDIT</p>
  
  <p>I got it working in Firefox + Chrome, but IE decides to not follow any rule...</p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
   &lt;style type="text/css"&gt;
    body{
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
    }
   &lt;/style&gt;
   &lt;/head&gt;
   &lt;body&gt;
  
   &lt;div style="height: 100%; width: 100%;"&gt;
    &lt;div style="position: relative; height: 100%; width: 100%; background-color: gray; min-width: 900px; min-height: 500px;"&gt;
     &lt;div style="position: absolute; height: 30px;left:0px; right: 300px ; background-color: yellow; bottom: 0;"&gt;
      Input
     &lt;/div&gt;
  
     &lt;div style="position: absolute; height: 200px; width:300px; right: 0px;  background-color: green; bottom: 0;"&gt;
      ad
     &lt;/div&gt;
  
     &lt;div style="position: absolute; bottom: 200px; width:300px; right: 0px; top: 20px;  background-color: blue;"&gt;
      online
     &lt;/div&gt;
     &lt;div style="position: absolute; width:300px; right: 0px; top: 0px; height: 20px;  background-color: red;"&gt;
      online menu
     &lt;/div&gt;
     &lt;div style="position: absolute; right: 300px; top: 0px; left: 0px; height: 20px;  background-color: yellow;"&gt;
      tabs
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>