CSS относительный размер столбцов проблема неравной ширины

Question

Я пытаюсь реализовать столбцы относительной ширины на основе фреймворка oocss.Чтобы добавить желоб между столбцами, я добавил внутренний div между столбцами и их содержимым.

Проблема в том, что я получаю столбцы неравной ширины ...

Я мог бы избежать этого, имея одинаковые отступы для первого и последнего столбцов, но поскольку я хочу вложить столбцы, это привело бы к сдвигу справа и слева ...

Вот скрипка:

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

Любая идея приветствуется!

Спасибо

Answer 1

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

}

Проблема в ваших внутренних .content divs. Средний столбец имеет отступы, применяемые с обеих сторон, тогда как в левом столбце отступы только справа, а в правом столбце - только слева.

Внешние единицы измерения имеют одинаковый размер. Использование firebug для проверки элементов очень хорошо выделяет отступы, если вам нужен визуальный эффект.