Prev | Current Page 22 | Next

Craig Grannell

"The Essential Guide to CSS and HTML Web Design"

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261
Workflow for CSS layouts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261
Anatomy of a layout: Tables vs. CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262
Creating a page structure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262
Box formatting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263
CSS layouts: A single box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264
Creating a fixed-width wrapper . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264
Adding padding, margins, and backgrounds to a layout. . . . . . . . . . . . . . . 265
Creating a maximum-width layout. . . . . . . . . . . . . . . . . . . . . . . . . . . 268
Using absolute positioning to center a box onscreen . . . . . . . . . . . . . . . . 269
Nesting boxes: Boxouts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272
The float property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273
Creating a boxout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274
Advanced layouts with multiple boxes and columns . . . . . . . . . . . . . . . . . . . . . 278
Working with two structural divs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278
Manipulating two structural divs for fixed-width layouts .


Pages:
10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34