Home/ Questions/Q 8957809
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T15:04:30+00:00

I am using a 960 Grid System, I am trying to achieve something like

  • 0

I am using a 960 Grid System, I am trying to achieve something like the following —

|-----| |-------------------|
|     | |  |--|  |-----|    |
|     | |  |  |  |     |    |
|     | |  |--|  |-----|    |
|     | |                   | 
|     | |  |------|  |--|   |
|     | |  |      |  |  |   |
|     | |  |------|  |--|   |
|-----| |-------------------|

Is there a way of doing so? The only reason I need the second set of divs in my right column is because the left column is quite long and I dont want the space between the 2nd set of columns.

I would really appreciate any guidance if there is a better way of achieving this.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This capability is built into the Grid 960 system. You just give the left and right nested grid items the classes “alpha” and “omega”, respectively.

    Here’s an example:

    <div class="container_12">

  <div class="grid_3">
  </div>

  <div class="grid_9">

    <div class="grid_4 alpha">
    </div>

    <div class="grid_5 omega">
    </div>

    <div class="grid_5 alpha">
    </div>

    <div class="grid_4 omega">
    </div>

  </div>

</div><!-- end .container_12 -->
    • 0