Personalizar barras laterales y ancho de página en Wordpress

Hola amigos estoy tratando de modificar un theme de las barras laterales y el contenido y en ancho total de la pagina lo trato de modificar pero la barra izquier queda abajo y la primera queda encima del contenido quiero poner 1050px de ancho de pagina barra izquierda en 170px contenido en 620px y 220px de barra derecha solo que no me queda
/* =LAYOUT
-------------------------------------------------------------- */

#container {
width: 970px;
margin: 0 auto;
}

#main {
padding: 15px;
background: #fff;
}

#main-fullwidth {
padding: 15px;
background: #fff;
}

#content {
overflow: hidden;
float: left;
width: 610px;
margin-left: 140px;
}

#sidebar-primary {
overflow: hidden;
float: left;
width: 120px;
margin-left: -754px;
border-right: 1px solid #E9EBE8;
padding-right: 9px;
}

#sidebar-secondary {
overflow: hidden;
float: right;
width: 170px;
margin-left: 5px;
border-left: 1px solid #E9EBE8;
padding-left: 10px;
}

A ese layout no solo le sumes los anchos (width) de cada #div que uses, súmales también los padings y margins que estés usando:

width: 970px

main y mainfullwitdh lleva otros 30px de padding (serían 60px) y 19 de padding de las sidebars, sumemos:

610+30+30+120+9+170+10+1+1+5=986px te andan faltando 16px (tienes que sumar incluso los borders)

Disminuye paddings o tamaños. O aumenta el width a 1050

Agrega box-sizing:border-box, a cada caja que utilices paddings y bordes, con eso, no tendras que andar sumando las cajas junto con sus paddings y margins, además te recomiendo trabajar con porcentajes para el diseño responsive 🙂

jmnm dijo:

A ese layout no solo le sumes los anchos (width) de cada #div que uses, súmales también los padings y margins que estés usando:

width: 970px

main y mainfullwitdh lleva otros 30px de padding (serían 60px) y 19 de padding de las sidebars, sumemos:

610+30+30+120+9+170+10+1+1+5=986px te andan faltando 16px (tienes que sumar incluso los borders)

Disminuye paddings o tamaños. O aumenta el width a 1050

Hacer clic para expandir...

De hecho quiero hacer lo siguiente
6120+30+30+170+9+220+10+1+1+5=1098 creo y la barra se me va mas abajo