The 2011 Iterative Navigation templates came with a new grid system. This allows for easier-to-implement, more flexible layout options.

Grid supporting demonstration

The new grid system should be used for all layouts. The old grid system, while still available, is in the process of being deprecated. It is displayed below only as reference.

To implement, use the class names from below. Ex: <div class="grid6">. For the first column in a row (the left-most column), you must add the class first. Ex: <div class="grid6 first">

Column Widths

.grid1
58px
.grid2
140px
.grid3
222px
.grid4
304px
.grid5
386px
.grid6
468px
.grid7
550px
.grid8
632px
.grid9
714px
.grid10
796px
.grid11
878px

New, Supported Grid System

grid1
grid11
grid2
grid10
grid3
grid9
grid4
grid8
grid4
grid4
grid4
grid5
grid7
grid6
grid6
grid3
grid3
grid1
grid5
grid1
grid5
grid3
grid3
3
3
3
3
5
2
2
3
3
2
1
1
6
4

Old, Deprecated Grid System

col
three_col
two_col
two_col
two_col
col_half
col_half
col
four_col