Перекрывающиеся сетки в 960 Grid System

Например, в сетке из 12 столбцов я хочу иметь сетку шириной 9 и еще одну шириной сетки 4. Разделы будут иметь перекрытие шириной 1 сетка посередине. Это полезно для некоторых причудливых эффектов.

Конечно, я могу просто использовать один div, а затем соответственно создать больше div внутри (не используя систему сетки), но есть ли лучший способ?


person Leonth    schedule 07.07.2010    source источник


Ответы (2)


Или вы можете организовать свой макет самостоятельно со всеми пользовательскими DIV, которые просто следуют рекомендациям, которые дает вам 960GS. Ничто не говорит вам, что вы должны использовать готовый шаблон HTML, чтобы извлечь выгоду из концепции системы сетки. Это просто руководство, чтобы убедиться, что все значения ширины на странице выглядят хорошо и подходят друг другу.

person Arve Systad    schedule 07.07.2010

Я считаю, что CSS-системы с сеткой были разработаны для быстрого и простого создания макетов без таблиц. Они не были предназначены для такого рода вещей. Однако есть сторонний инструмент, который может вас заинтересовать. Вы можете найти его здесь: http://gridder.andreehansson.se/

Однако вам может быть проще просто использовать CSS для компоновки элементов DIV, перекрывать их, используя отрицательные поля, и использовать свойство z-index, чтобы определить, какие из перекрывающихся элементов DIV должны быть сверху.

person Sheridan    schedule 07.07.2010