Problema de ancho desigual de columnas de tamaño relativo CSS

Estoy tratando de implementar columnas de ancho relativo basadas en el marco oocss. Para agregar un canal entre las columnas, agregué un div interno entre las columnas y su contenido.

El problema es que termino con columnas de ancho desigual ...

Podría evitar esto teniendo el mismo relleno para la primera y la última columna, pero como quiero anidar columnas, crearía un cambio a la derecha y a la izquierda ...

Aquí hay un violín:

http://jsfiddle.net/WxPSm/2/

¡Cualquier idea bienvenida!

Muchas Gracias

preguntado el 16 de mayo de 11 a las 18:05

1 Respuestas

.unit > .content:first-child {
padding: 0 2em;

}

El problema está en tus divs .content internos. La columna del medio tiene relleno que se aplica en ambos lados, mientras que la columna de la izquierda solo tiene relleno a la derecha y la columna de la derecha solo tiene relleno a la izquierda.

Los divs de la unidad exterior son todos del mismo tamaño. El uso de Firebug para inspeccionar los elementos resalta muy bien el relleno si necesita una imagen.

contestado el 16 de mayo de 11 a las 22:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.