Understanding Column Templates

Working with Column Templates

Related Articles

When you are dealing with column templates it is worth understanding how column widths are managed.

The width of the page is broken down into 12 equal divisions from left to right

                       

Each column then takes up a number of divisions So two equally spaced columns would take up 6 on the left and 6 on the right - left 6, right 6

   

Height is determined by the content

 


Column templates

This list shows the available column templates

  Description Left Right
Left Columns Two columns 4 8
Right Columns Two columns 8 4
Left Columns Two columns with image in the smaller column 4 8
Right Columns Two columns with image in the smaller column 8 5
Left Columns Two columns 5 7
Right Columns Two columns 7 5
Left Columns Two columns with image in the smaller column 5 7
Right Columns Two columns with image in the smaller column 7 5
2-columns-equal Two equal columns 6 6
3-columns Three equal columns 4 - 4 - 4
4-columns Four equal columns 3 - 3 - 3 - 3