Блог

Мне нравится 960 как простой способ создания макета веб-сайтов. Однако я не уверен в ее возможностях.

Я хочу иметь сетку с 2 столбцами (grid_4) и 2 строками в основной части моей страницы и столбцом справа (grid_4).

Возможно ли определить первую сетку из 8 столбцов и вторую из 4 столбцов, а затем поместить другие ячейки внутри первого столбца?

Псевдоструктура:

 grid_8
    >grid_4
    >grid_4
grid_4
  

Основная идея состоит в том, чтобы иметь последний столбец с другой высотой основной сетки.

Если вы хотите иметь набор сеток внутри сетки, вы используете классы .alpha и .omega .

 <div class="grid_8">
    <div class="grid_4 alpha"> ... </div>
    <div class="grid_4 omega"> ... </div>
</div>
  

.alpha — удаляет оставленное поле

.omega — удаляет поле-справа

Вы также можете применить это к нескольким внутренним сеткам.

 <div class="grid_12">
    <div class="grid_4 alpha"> ... </div>
    <div class="grid_4"> ... </div>
    <div class="grid_4 omega"> ... </div>
</div>