Skip to Main Content
Creating a Website: The Missing Manual, 3rd Edition
book

Creating a Website: The Missing Manual, 3rd Edition

by Matthew MacDonald
May 2011
Beginner content levelBeginner
584 pages
17h 42m
English
O'Reilly Media, Inc.
Content preview from Creating a Website: The Missing Manual, 3rd Edition

Creating a Layout with Multiple Columns

As you’ve seen, style sheets let you place elements at fixed locations on a page, with no wrapping involved. Used carelessly, this leads to scrambled pages. But used carefully, it lets you create some of the most common and classic web page layouts. The trick is to create several boxes, some for text and others for images, and position the boxes next to each other on the page (see Figure 9-5). That way, text and pictures will remain carefully and rigidly separated.

Here, a grouping of four <div> elements creates a classic three-column page design, with a header at the top. You can download this page, along with all the examples from this chapter, at www.missingmanuals.com/cds/caw3.

Figure 9-5. Here, a grouping of four <div> elements creates a classic three-column page design, with a header at the top. You can download this page, along with all the examples from this chapter, at www.missingmanuals.com/cds/caw3.

One of the most common website designs is to divide a page into two or three columns. The column on the left typically holds navigation buttons or other links. The column in the middle takes up the most space and includes the main content for the page. The column on the right, if present, displays additional information, like an advertisement or another set of links.

Building this example is surprisingly easy. But before you can position the <div> elements that shape the page, you need to decide whether you want a fixed-width layout or a resizable one. (Flip back to The Challenge of Screen Space for a summary of the differences.) In the following sections, ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Creating a Website: The Missing Manual, 4th Edition

Creating a Website: The Missing Manual, 4th Edition

Matthew MacDonald
Learn to Build a Website

Learn to Build a Website

Cassidy Williams, Camryn Williams

Publisher Resources

ISBN: 9781449306823Supplemental ContentErrata Page