JSFiddle - React, Tailwind, and code Playground

HTML

<div id="topbalk"></div>
<div id="container">
    <div id="header">header</div>
    
    <div id="linkerpaneel">links<br />links</div>
    
    <div id="content">content</div>            
    
    <div id="rechterpaneel">rechts</div>             

    <div id="footer">footer</div>
</div>

CSS

html, body { 
    background: #ffffff;
    margin: 0;     
    padding: 0;
    height: 100%;
}

#topbalk {
    background-color:#363636;    
    height: 32px;
    width: 100%;
}
        
#header {
    background-color:#CCCCCC;
       width: 939px;
       height: 131px;
}

#container {
    background-color:#666666;
    min-height: 100%;
    width: 939px;
    margin: 0 auto;
}

#linkerpaneel{
   background-color: #ccccff;
   width: 204px;
   margin-right: 2px;
   float: left;
}

#content{
   background-color: #ccccff;
   width: 527px;
   margin-right: 2px;
   float: left;
}

#rechterpaneel{
   background-color: #ccccff;
   width: 204px;
   float: right;
}

#footer { 
    position: fixed;
    bottom: 0;
    width: 939px;
    height: 53px;
    background-color:#CCCCCC;
}