Chapter 5. Page Layouts

In this chapter, I will show you how to create multi-column page layouts. Most Web sites use columns to maximize the amount of information that is “above-the-fold,” an old newspaper term that on the Web means “without scrolling the page.” Typical layouts use two or three columns but four columns is not unusual. Whatever the number of columns in a page’s layout, there are some key techniques and ideas that go into every page’s creation, and I will cover these in this chapter.

I’ll show you several options to create layouts for your pages. You will learn the “floated columns with inner divs” method of creating multi-column layouts that has been a common approach for many years. I will also demonstrate some new techniques ...

Get Stylin’ with CSS: A Designer’s Guide, Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.