Untitled

<!DOCTYPE html>
<html>
<head>
	<style>
    	div {
        	width: 100%;
		}

        div.table {
        	display: table;
		}
        div.table > div {
        	display: table-row;
		}
        div.table > div > div {
        	display: table-cell;
		}

        div#header {
        	background-color: blue;
        }
        div#mid {
        	background-color: red;
        }
        div#footer {
        	background-color: blue;
        }
        div#menu {
        	width: 30%;
		}
        div#content {
        	width: 70%;
		}
    </style>
</head>
<body>
<div id="page" class="table">
	<div id="header">
    	<div>Header</div>
    </div>
    <div>
        <div id="mid">
            <div class="table">
            	<div>
                	<div id="menu">HMenu</div>
                    <div id="content">Content</div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div>Footer</div>
    </div>
</div>


</body>
</html>