O'Reilly logo

Professional Web Design: Techniques and Templates, Fifth Edition by Clint Eccher

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CHAPTER 12CASE STUDY: FULL-HEIGHT THREE-COLUMN LAYOUT

Since the mid-1990s, creating a three-column table-based layout in XHTML, where all three columns have their own background colors that run the same height, has been an easily accomplished, widely used technique. As one column is increased in height, the other two change accordingly, maintaining the same colors. In CSS, however, it takes some maneuvering to modify the code because elements that are assigned absolute positioning or are floated fall outside the normal document flow, meaning they are not controlled by parent elements. In other words, the background colors/images in each column won’t necessarily be at the same height, depending on whether additional content is added to any column. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required