JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title><tiles:insertAttribute name="title" ignore="true" /></title>
    </head>
    <body>
        <div id="javanus_main">
            <div id="javanus_header">
            </div>
            <div id="javanus_body">
                <div id="javanus_menu">
                </div>
                <div id="javanus_content">
                </div>
            </div>
            <div id="javanus_footer">
            </div>
        </div>
    </body>
</html>

CSS

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

#javanus_header{
    height: 80px;
    background:#AAF054;
}

#javanus_footer{
    position:fixed;
    bottom:0;
    width:100%;
    height:30px;/* Height of the footer */
    background: yellow;
}
#javanus_menu{
    float: left;
    position: absolute;
    top: 80px;
    bottom:30px;
    width: 200px;
    background: blue;
}
#javanus_content{
    position:absolute;
    left:200px;
    right:0px;
    background: red;
    top:80px;
    bottom:30px;
    background-image:url(img/assist.png);
    background-repeat: no-repeat;
    background-position:center;
}