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 O’Reilly online learning.

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