perdon por la tardansa
proba asi haber si es lo que queres... recorda que yo puse las medidas que yo quise, vos despues modificas eso para que quede a tu medida..
CSS
Código:
#contenedor{
width: 950px;
height: auto;
margin: 0 auto;
}
#top{
background-color: red;
width: 950px;
height: 100px;
float: left;
}
#contenido{
width: 550px;
height: 350px;
background-color:green;
float: left;
}
#sidebar{
height: 350px;
width: 350px;
float: left;
margin-left:50px;
}
#pie{
background-color:#ff5934;
width: 950px;
height: 30px;
float:left;
}
.logo{
width: 300px;
height: 200px;
position: absolute;
background-color:gray;
top: 150px;
left:530px;
}
.login{
height: 110px;
width: 350px;
float: left;
background-color:blue;
}
.banner{
height: 110px;
width: 350px;
float: left;
background-color:red;
margin-top:10px;
}
.banner2{
height: 110px;
width: 350px;
float: left;
background-color:blue;
margin-top:10px;
}
En el HTML
Código PHP:
<div id="contenedor">
<div id="top"></div>
<div id="contenido">
<div class="texto"></div>
</div>
<div class="logo"></div>
<div id="sidebar">
<div class="login"></div>
<div class="banner"></div>
<div class="banner2"></div>
</div>
<div id="pie"></div>
</div>