6.2. Perfecting Multi-Column Layout

In Chapter 5, I showed you the basics of multi-column layout with absolute positioning. Unfortunately, that technique seemed to run into a virtual dead end when it came to putting a footer beneath the columns. The uneven column heights, combined with the fact that the footer will always appear directly beneath the center column, meant that the left and right columns could overlap the footer in a most unattractive manner (see Figure 6-6).

Figure 6-6. The Problem with Absolute Positioning for Multi-Column Layout

To solve this, we need to find a way to make the center column extend if needed to match the height ...

Get HTML Utopia: Designing Without Tables Using CSS now with O’Reilly online learning.

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