6.4. CSS Layout in Practice: Footbag Freaks

Depending on how much past experience you've had with CSS, you may be feeling confident or bewildered after that whirlwind tour of CSS page layout techniques. However you came out of it, I'm certain you'll agree that most professional Web site layouts nowadays are significantly more complex than the three-column layouts that have been the focus of our attention thus far. In this section, we will dissect the page layout of the Footbag Freaks website (Figure 6-13), which more closely approaches the level of complexity you'll face in your practical design work.

Figure 6-13. The Footbag Freaks Home Page

A glance at the layout in Figure 6-13 reveals that there is a top block. However, the presence of ...

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.