Prev | Current Page 188 | Next

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"

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.








A Three Column Liquid layout







Promo area