Используя blueprint CSS, возможно ли сделать следующий макет

Question

Я хотел бы сделать следующий макет, используя план CSS

Page Width = 960px

<- 20px -> <------- 600px -------> <- 20px -> <--- 300px ---> <- 20px ->
   left           main content       middle      right rail     right
  gutter                             gutter      (ad unit)      gutter

Что бы подходящие ширина столбца, ширина поля и количество столбцов, чтобы эта работа?

Я пытаюсь сделать это с колонками 10px и полем 10px, но в итоге получается 30px как средний желоб (один полный столбец + поле справа)

Answer 1

Возможно ли сделать следующий макет?

Нет.Не без переделки всего фреймворка.

Blueprint CSS использует: ширину 950px, желоба 10px и столбцы, которые начинаются с 30px и увеличиваются с шагом 40px.Итак: 600px станет 590px, а 300px станет 310px.

Вы можете настроить весь каркас, настроив размеры каждого компонента ...

Или вы можете адаптировать столбцы, чтобы они были одним из(30, 70, 110, 150, 190, 230, 270, 310, 350, 390, 430, 470, 510, 550, 590, 630, 670, 710, 750, 790, 830, 870, 910) пикселей..

Или вы можете попробовать 960 Grid System .Он использует водосточные желоба 20px, ширину страницы 960px и приращение столбцов 40 или 60px.У этого нет хороших, консервированных настроек типографии.И я не уверен, что это так, кросс-браузер и кросс-медиа.

General Layout ресурс: http://layouts.ironmyers.com/

Answer 2

Из коробки нет. Но вы можете поэкспериментировать с настройками Blueprint CSS, например:

• Blueprinter
• Генератор CSS Blueprint Grid

По сути, они берут CSS-файлы Blueprint по умолчанию, пересчитывают все числа и выдают новую версию CSS-схемы Blueprint.