Chapter . Backyard

Understanding absolute positioning and floats

<authorgroup>Ray Designer Henry</authorgroup>
layout examples from Zen GardenBackyardBackyard
<feature><title></title>

SOMETIMES KNOWING where to begin a new design is difficult, but inspiration may be found anywhere. Sitting at a café in the park and whiling away the afternoon with oversized lattés and stimulating conversation has sparked many a world-changing idea. Ray Henry found his muse in two gardens when building Backyard—the Zen Garden and his own. The colors of Backyard came naturally from a vivid photo of a flower in Henry’s back yard.

As basic as a three-column layout may be, fundamental questions arose as Henry coded, ...

Get The Zen of CSS Design: Visual Enlightenment for the Web 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.