he conseguido que la parte de arriba, #contenedor y #contenedor2 realizen la funcion que quiero, pero los otros 2 restantes al cambiar el tamaño de la ventana se desplazan pero se alinean al centro.
Código:
#contenedor {
width:1250px;
height: 40px;
border:3px ridge #CCCCCC;
background-color: #00CCFF;
margin:-11px auto;
text-align:left;
}
#contenedor2 {
width:900px;
height: 60px;
border:3px solid #EBEBEB;
background-color: #EFEFEF;
margin:11px auto;
text-align:left;
}
#contenedor3 {
width: 250px;
height: 60px;
background-color: #EFEFEF;
margin: 20px auto;
margin-right: 180px;
}
#contenedor4 {
width: 242px;
height: 150px;
background-color: #FFFFFF;
border:3px solid #F9F9F9;
margin: -7px auto;
margin-right: 180px;
}