HTML and CSS Reference
In-Depth Information
Figure 6-1
The Cool Shoes & Socks web page with a fixed width of 960px, viewed on a 1,024 × 768 resolution.
Further to this, 960 is a nice round figure that can be divided into round values when using columns, making a web
page of 960px easier to lay out and more pleasing to the eye.
A page being centered using the following declaration on the element that contains all other elements is another
common characteristic of fixed-width layouts:
margin: 0 auto;
If a centered, fixed-width layout is viewed on a screen with a width greater than the page width, the page is still
centered. This is another technique often used in fixed-width layouts.
That's fixed-width layouts in a nutshell. Note that when referring to fixed, fluid, and hybrid layouts, I am referring
only to the width of the layout. Although you can have lots of control over the width of a layout, because content can
be resized—either by the device viewing that page or the user—the height of a layout is always an unknown, and as
a best practice, you should avoid declaring specific heights on any element of a page.
Hybrid Layout for Responsive Design
