JSFiddle - React, Tailwind, and code Playground

by digitalmedia

HTML

<div id="javanus_main">
            <div id="javanus_header">  </div>
           
                <div id="javanus_content">
                    content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
                </div>
            <div id="javanus_footer"> foot<br>foot<br>foot<br>foot<br></div>
        </div>

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_content{
    position:absolute;
    width:100%;
    background: red;
    top:80px;
    min-height:200px;
    bottom:30px;
    background-image:url(img/assist.png);
    background-repeat: no-repeat;
    background-position:center;
    height:auto;
    overflow:auto;
}