JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<form method="post" action="./" id="form1" class="AspForm">

    <div id="header">
        <div id="top">
            <div id="logo">
                Logo
            </div>
            <div id="pageInfo">
                <div id="pageTitle">Title</div>
                <div id="pageDesc">Description</div>
                <div id="samplingInfo">Informations</div>
            </div>
        </div>
        <div id="menu">
            Menu
        </div>
    </div>

    
    <div id="content">
        <div id="middle">
            1	2	3	4	5	6	7	8	9	10	11	12	13	14	15	16	17	18	19	20	21	22	23	24	25	26	27	28	29	30	31	32	33	34	35	36	37	38	39	40	41	42	43	44	45	46	47	48	49	50	51	52	53	54	55	56	57	58	59	60	61	62	63	64	65	66	67	68	69	70	71	72	73	74	75	76	77	78	79	80	81	82	83	84	85	86	87	88	89	90	91	92	93	94	95	96	97	98	99	100	101	102	103	104	105	106	107	108	109	110	111	112	113	114	115	116	117	118	119	120	121	122	123	124	125	126	127	128	129	130	131	132	133	134	135	136	137	138	139	140	141	142	143	144	145	146	147	148

            <br />	2	<br />	3	<br />	4	<br />	5	<br />	6	<br />	7	<br />	8	<br />	9	<br />	10	<br />	11	<br />	12	<br />	13	<br />	14	<br />	15	<br />	16	<br />	17	<br />	18	<br />	19	<br />	20	<br />	21	<br />	22	<br />	23	<br />	24	<br />	25	<br />	26	<br />	27	<br />	28	<br />	29	<br />	30	<br />	31	<br />	32	<br />	33	<br />	34	<br />	35	<br />	36	<br />	37	<br />	38	<br />	39	<br />	40	<br />	41	<br />	42	<br />	43	<br />	44	<br />	45	<br />	46	<br />	47	<br />	48	<br />	49	<br />	50
       </div>
    </div>
  

    <div id="footer">
        <div id="copyright">
            Copyright &copy; 2015 eZRobotics. All rights reserved.
        </div>

        <div id="loginState">
            <table>
                <tr>
                    <td valign="top">
                        <div id="username">admin</div>
                    </td>
                    <td>
                        logout btn
                    </td>
                </tr>
           ...

CSS

html,body{
    /*font-size: 12px;*/
    font-family: 'Tahoma', 'Segoe UI', Verdana !important; 
}

body{
    height:100%;
}

div {
    box-sizing: border-box;
}    

/* -- header ----------------------------------------------- */    
#header{
	position:absolute;
	left:0px;
	right:0;
	top:0;
	height:90px; /* TOP height + menu height*/
}

    #top {
        height: 60px;
    }

    #logo {
        padding: 15px;
        height: 30px;
        width: 200px;
    }
    
    /* Title & sampling information */
    #pageInfo {
        position: absolute;

        top: 0px;
        left: 0px;
        right: 0px;

        height: 40px;
        margin: 10px;

        text-align: center;
        vertical-align:central;
    }
        #pageTitle {
            font-size: 23px;
            font-weight: bold;
            font-family: Tahoma, 'Segoe UI', Verdana;
        }

        #pageDesc {
            font-size: 14px;
            color: #666;
        }

        #samplingInfo {
            position: absolute;

            bottom: 0px;
            right: 0px;
            
            text-align: right;

            font-size: 13px;
        }

    #menu {
        height: 30px;
        background-color: #666666;
        text-align: center;
    }

/* -- ccontent ----------------------------------------------- */
#content {
    top:90px; /* header height */
	bottom:24px; /* Footer height */
}

    /* content */
	#left{
		position:absolute;
		
        top: inherit; /* header height */
        bottom: inherit;

		left:0;
		width:200px;
            
        padding: 10px 10px 10px 10px;
	}

	#right{
		overflow:auto;
        overflow-y: scroll;

		position:absolute;
		
        top: inherit;  /* header height */
        bottom: inherit;        

        left:200px;
		right:0;

        padding: 10px 10px 10px 0px;
	}

    #middle {
  overflow-y: scroll;
  position: absolute;
  top: inherit;
  bottom: inherit;
  left: 0;
  right: 0;
  padding: 10px 10px 10px 10px;
  max-width: 940px;
 ...