Howto › 100% Width › Blueprint/960 2-колоночный макет

Я новичок в Blueprint и 960 в Compass.

Я получил базовый пример из двух столбцов, работающий с Blueprint. Но я хочу увеличить ширину, чтобы левая и правая панели занимали весь экран (а-ля gmail). Таким образом, левый столбец будет иметь фиксированную ширину, а правый столбец будет расширяться по мере расширения окна.

Используя Compass (с Blueprint или 960), как лучше всего это сделать?

Спасибо


person Nutritioustim    schedule 13.10.2011    source источник


Ответы (1)


Хорошо, у меня есть кое-что, работающее над этим. Я просто использую базовый класс blueprint .container с отступом 0. Все контейнеры внутри него растягиваются на всю ширину экрана.

Чтобы сделать левую панель фиксированной ширины (не изменяющейся при изменении размера окна), я смешал столбец чертежа +column(2). Я оставил правую панель в покое и дал ей поле, которое помещает ее рядом с левой панелью. Presto, при изменении размера окна левая панель остается неподвижной, а правая панель регулирует ширину.

ХТН

person Nutritioustim    schedule 17.10.2011