National Aeronautics and Space Administration

Please read instructions carefully before beginning work

This page will explain what are the options for columns in the page and how to use them

One Column Page (no left navigation)

To create a one column page, you should remove the section for the left sidebar:

and add id="OneColumn" to the div with class="maincontent"

View demo: 1 column (no left navigation) (open in a new window)

Two Columns Page (no left navigation)

To create a two column page, you should remove the section for the left sidebar:

and add id="TwoColumn" to the div with class="maincontent"

View demo: 2 columns (no left navigation) (open in a new window)

Three Columns Page (no left navigation)

To create a three column page, you should remove the section for the left sidebar:

add div with id="leftsidebar":

and add id="ThreeColumn" to the div with class="maincontent"

To add right sidebar, add div with id="rightsidebar":

View demo: 3 columns (no left navigation) (open in a new window)

One column with left navigation

To create a one column page with left navigation, you should have the section for the left sidebar:

and add id="leftnavOneColumn" to the div with class="maincontent"

View demo: 1 column with left navigation (open in a new window)

Two columns with left navigation

To create a two column page with left navigation, you should have the section for the left sidebar:

and add id="leftnavTwoColumn" to the div with class="maincontent"

To add right sidebar, add div with id="rightsidebar":

View demo: 2 column with left navigation (open in a new window)