Logo

To create a fixed width layout, the width of the main boxes on a page will usually be specified in pixels (and sometimes their height, too).

Here you can see several div elements, each of which uses an id or class attribute to indicate its purpose on the page.

The fixed width layout will stay the same width no matter what size the browser window is, whereas the liquid layout will stretch (or shrink) to fill the screen.

The rule for the body element is used to fix the width of the page at 960 pixels, and it is centered by setting the left and right margins to auto.

The main boxes on the page have a margin of 10 pixels to create a gap between them.

The navigation, feature, and footer panels stretch to the width of the containing element (which in this instance is the body element), so we do not need to specify a width for them.

The three columns are each 300 pixels wide and use the float property, which allows them to sit next to each other.