Based on the layout you gave you can use float left property in css.
HTML
<div id="header"> LOGO</div>
<div id="wrap">
<div id="box1"></div>
<div id="box2"></div>
<div id="clear"></div>
</div>
<div id="footer">Footer</div>
CSS
body{
margin:0px;
height: 100%;
}
#header {
background-color: black;
height: 50px;
color: white;
font-size:25px;
}
#wrap {
margin-left:200px;
margin-top:300px;
}
#box1 {
width:200px;
float: left;
height: 300px;
background-color: black;
margin-right: 20px;
}
#box2{
width: 200px;
float: left;
height: 300px;
background-color: blue;
}
#clear {
clear: both;
}
#footer {
width: 100%;
background-color: black;
height: 50px;
margin-top:300px;
color: white;
font-size:25px;
position: absolute;
}