Загрузочный лоток: фиксированная ширина желоба в макете жидкости?

Я хочу иметь разные макеты, такие как [left | content | right] и [left | content] или [content | right] при использовании компоновки жидкости, желоба между "ячейками" также является текучей и имеет процентное значение. Но я хотел бы иметь фиксированную ширину для желоба, например 10px или 20px между областями слева/справа и содержимого.

Любое предложение, как сделать эту работу? Я уже пробовал, но заканчивался всегда с дико меняющимися элементами.

Ответ 1

Ответ на вопрос, подобный этому до, то, что он в основном спустил, также создавал набор классов для смещения основного контейнера в зависимости от того, сколько боковых панелей у вас есть, например так:

CSS

.fixed-fluid {
    margin-left: 240px;
}
.fluid-fixed {
    margin-right: 240px;
    margin-left:auto !important;
}
.fixed-fixed {
    margin: 0 240px;
}

Демо, отредактируйте здесь.