Chapter 3. Using the Fixed, Centered CSS Layouts

PROBABLY THE MOST COMMON layouts on the web, especially with blog-type sites that have become so popular, are fixed-width layouts. These layouts have an overall pixel width, side columns with specific pixel widths, and are usually displayed in the center of the browser window, though that’s not required.

One reason this layout style is used so often is that when you have static sizes for most elements, interactions are more predictable. That makes the layout easier to design and code, because there are fewer unknowns.

For this chapter, we’ll use a fictitious client, a horticulture site. We’ll look at how to center your layout, create full-length columns, use and position background images, style and ...

Get Mastering CSS with Dreamweaver CS4 now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.