Untitled

<!DOCTYPE html>
<html>
<head>
<style>
.div1 {
    left:0px;
    top:0px;
    bottom:0px;
    overflow:hidden;
    width:230px;
    position:absolute;
  border: 2px solid blue;
}

.div2 {
    top:0px;
    left:713px;
    overflow:hidden;
    width:22%;
    height:75%;
    position:absolute;
  border: 1px solid red;
}

.div3 {
    top:0px;
    right:50px;
    bottom:0px;
    left:0px;
    width:220px;
    position:absolute;
  border: 2px solid green;
}

.div4 {
    right:150px;
    top:0px;
    bottom:0px;
    width:220px;
    position:absolute;
  border: 1px solid yellow;
}

.div5 {
	top:0px;
	bottom:0px;
	width:150px;
	right:0%;
	overflow-x:hidden;
	overflow-y:scroll;
	padding-bottom:48px;/* this is to accommodate the info and settings buttons */
	position:absolute;
  border: 1px solid black;
}
</style>
</head>
<body>

<div class="div1">1</div>
<br>
<div class="div2">2 </div>
<br>
<div class="div3">3 </div>
<br>
<div class="div4">4 </div>
<br>
<div class="div5">5 </div>

</body>
</html>