With a tip o??™ the hat to Ryan, here??™s
how it??™s done (Figures 5.10 and 5.11).
FIGURE 5.10 A three-column liquid layout at the point where it hits maximum width and starts to
center itself in the browser window.
See the challenge at Mezzoblue blog
at http://www.mezzoblue.com/
archives/2004/01/23/friday_chall/
STYLIN??™ WITH CSS - CHAPTER 5 156
FIGURE 5.11 A three-column liquid
layout at the point where it hits minimum
width and the right edge of the
browser starts to cover the layout.
First, we add a couple more divs. The ?¬? rst one encloses the three
columns, and the second goes inside it and only encloses the left
and center columns.
encloses the three columns
encloses the left and center columns
the left column
BASIC PAGE LAYOUT 157
A Three Column Liquid layout