Fixed-Width Grid Design

Fixed-Width Grid Design

1. Introduction


In Information Architecture/Introduction to Web Design Design, you were introduced to the idea of using a 960 pixel wide grid for layout purposes.

The idea is that this grid will hold the pages of your site together within a 960 pixel wide "container". That container will "float" in the middle of the browser window with the areas outside the container being controlled by a body declaration in the CSS.

The grid was typically broken into 12 or 16 columns of equal widths with a gutter between each of the columns.

This discussion will focus on creating a fixed-width framework for your use from the ground-up.