# National Aeronautics and Space Administration

## Goddard Space Flight Center

### Search:

Flight Projects | Sciences and Exploration

Skip Navigation (press 2)
- First Tab
- Second Tab
- Third Tab
- Fourth Tab

- Tab Navigation
- Banners
- Top Navigation
- Left Navigation
- Columns & Layout
- General Styles & Tables
- Building Your Site
- Best Practices & Policies

## External Links

- Here is where you can link to websites, either inside or outside of NASA
- The left navigation buttons above should be like a table of contents into your site
- Each page linked from the left navigation buttons should have the same navigation button set

## Columns & Page Layout Sections

### 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)

## Options for columns:

There are five options for a page layout:

- 1 column
- 2 columns
- 3 columns
- 1 column with left navigation
- 2 columns with left navigation