The following KB articles relate to this topic:

4 Column Layout

You can use layout blocks to manage a variety of content on your webpage. Layout Blocks are good for aligning content and efficiently using up window space. The rule of thumb with layout blocks is that the widths of the columns, when added together, must equal 12 units. With the four column layout block, the default column widths are exactly equal (3, 3, 3, and 3).

The columns do not necessarily need to be equal widths, however. You do have the ability to change the widths after building the content block. For example, you could have two with a width of 3, one with a width of 2, and one with a width of 4 - it works as long as it equals 12.

It is also important to note that the information provided in these columns can be different, too. In the example below, the first column contains a regular text area, the second column contains an RSS feed, the third column holds an image, and the last holds a list of links.

Text

This first block contains only text via a text area content block. This means that anything allowed in a text area can be added to this region. For example:

Bulleted Lists

  • Item 1
  • Item 2
  • Item 3

Tables

Col1
Col2
Col3
Info Info Info
Info Info Info

DoIT News

Image

This is an Image w/ Caption content block. This means that users can add text below the image to provide a short description, give photo credit, link out to other pages, etc.

4 Column Layout Examples