[SOLUCIONADO] ¿Cómo puedo hacer esto con CSS?

[blancoarnau]

Hola a todos. No soy muy bueno en CSS y me gustaría hacer algo así:



Miren, este el HTML y CSS:

Código HTML:

<div id="cboxes">
        <div class="cbox"></div>
        <div class="cbox"></div>
        <div class="cbox"></div>
        <div class="cbox"></div>
        <div class="cbox"></div>
        <div class="cbox"></div>
</div>
<div id="barra-lateral">
    BARRA LATERAL.
</div>
 

Código CSS:

body{
  background-color:#EBEBEB;
}
.cbox{
    width:70%;
    height:250px;
    background-color:white;
    display:inline-block;
    margin-left:.5%;
    margin-top:1%;
}
#barra-lateral{
    width:20%;
    background-color:white;
    height:500px;
    margin-left:.5%;
    margin-top:1%;
}
 

Evidentemente, el resultado no es el esperado: http://jseditor.proyectosbds.com/welcome/11281

Los .cbox dentro de #cboxes me han salido bien pero el problema es que no sé como posicionar #barra-lateral a la parte lateral del documento como en mi boceto.

¿Alguien sabe cómo puedo hacerlo?

[pzin]

Sólo tienes que poner que flotar la barra lateral:

Código HTML:

div#barra-lateral {
  float: right;
}
 

Y en el HTML ponerla antes de #cboxes