O'Reilly logo

Cascading Style Sheets (CSS) by Example by Steve Callihan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating a Three-Column Layout

Many of the more involved pages that you've visited on the Web are designed using three, four, or more columns. The vast majority of those layouts, however, was created using tables to control the positioning and dimensions of the columns. This section's example shows you how to create a more-complex three-column layout that features a menu in the left column, the main content of the page in the middle column, and a list of links to related resources in the right column.

For this example, you create a page of Christmas safety tips. I've created an example file, xmastips.html, that you can use to create this example. Just open it from your working folder and edit it as shown in Listing 14.3 (see Figure 14.9).

Figure ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required