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 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.